@charset "utf-8"; /* 2015-08-28 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font: 400 14px/1.5 Arial, 'Lucida Grande', Verdana, 'Microsoft YaHei', hei;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
iframe {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

address,
cite,
dfn,
em,
var,
i {
  font-style: normal;
  font-weight: 400;
}

dfn {
  font-family: Arial;
}

ul,
ol {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

fieldset,
img,
button,
input {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

body {
  min-width: 320px;
  background: #f5f5f5;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-user-select: none;
  color: #000;
}

:focus {
  outline: 0;
}

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.overflow {
  overflow: hidden;
}

.ellips {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellips_line2,
.ellips_line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellips_line2 {
  -webkit-line-clamp: 2;
}

.ellips_line3 {
  -webkit-line-clamp: 3;
}

.pos_rel {
  position: relative;
}

.abs_size {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.opacity {
  opacity: 0.7;
}

.direction_ltr::-webkit-input-placeholder,
.direction_ltr::-moz-input-placeholder,
.direction_ltr::-ms-input-placeholder {
  direction: ltr !important;
  text-align: left;
}

html,
body,
.h100,
#main {
  height: 100%;
}

.mline {
  margin: 7px 20px 7px 0;
  line-height: 18px;
}

button {
  text-align: center;
}

.c_bothends {
  overflow: hidden;
  text-align: justify;
  text-align-last: justify;
}

.c_bothends:after {
  content: '';
  display: inline-block;
  width: 100%;
  overflow: hidden;
  height: 0;
}

.break_all {
  word-break: break-all;
}

h1 {
  font: 600 1.286em/2 Tahoma;
}

h2 {
  font: 600 1.143em/2 Tahoma;
}

h3 {
  font: 600 1em/1.5 Tahoma;
}

.size13 {
  font-size: 13px;
}

.size12 {
  font-size: 12px;
}

.size14 {
  font-size: 14px;
}

.font18 {
  font: 600 18px/44px STXihei;
}

.cprice,
.corange {
  color: #ff8c00 !important;
}

.cgray {
  color: #797979;
}

.cblue,
.cblue:link,
.cblue:visited,
.cblue:hover,
.cblue:active {
  color: #0072c3;
}

.cblue1,
.cblue1:link,
.cblue1:visited,
.cblue1:hover,
.cblue1:active {
  color: #1491c5;
}

.cfan {
  color: #fb4c2e;
}

.cneed {
  color: #e10006;
}

.cpinkgray {
  color: #999;
}

.cdarkgray {
  color: #333;
}

.greyfont {
  color: #686868;
}

.greyfont1 {
  color: #909090;
}

.greyfont2 {
  color: #969696;
}

.cwhite {
  color: #fff;
}

.cgrey {
  color: #d1d1d1;
}

.price,
.price2 {
  font: 600 1.43em/2 Arial;
  color: #fff;
}

.price1 {
  font-size: 1em;
  color: #f60;
}

.price i,
.price2 i {
  margin-right: 5px;
  font-size: 0.7em;
}

.order_price i {
  font: 600 1.43em/2 Arial;
}

.newprice {
  margin-left: 5px;
}

.newprice i {
  margin-left: 2px;
  font-size: 1.286em;
}

.ls20 {
  letter-spacing: 20px;
}

.m10 {
  margin: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.hm {
  text-align: center;
}

.vm {
  vertical-align: middle;
}

.mlr {
  margin: 0 10px;
}

.mtb {
  margin: 20px 0;
}

.pb85 {
  padding-bottom: 85px !important;
}

.b60 {
  padding-bottom: 45px;
}

.p10 {
  padding: 10px;
}

.wrap_pb {
  margin-top: 48px;
  padding-bottom: 45px;
}

.cont_wrap {
  margin: 48px 0 0;
}

.cont_pd_wrap {
  margin: 48px 0 0;
  padding: 10px;
}

.cont_box_white {
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
}

.cont_blue,
.cont_blue1 {
  margin-top: 48px;
}

.bg_white {
  background-color: #fff;
}

.checked,
.i,
.i_bef:before,
.i_aft:after,
.arr_r:after,
.arr_down:after,
.arr_up:after,
.tuan_tag li:before,
.mulselect_yes,
#city_list li.citylistcrt:after,
.fselect.current i,
.delivy.s_tickets .light.current:after,
.delivy.s_tickets .light:active:after,
#city_list .cur-selected:after,
.returnico:before,
.citylist .ok_crt:after,
body .cui-select-fullscreen .cui-option-selected:after,
.cui-keyboard .cui-letter-x,
.cui-keyboard .cui-btn-delete,
.cui-fail-icon {
  background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
  background-size: 242px 260px;
}

.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #ddd;
  background-color: #fff;
}

input[type='checkbox']:checked,
.checked {
  background-position: -190px -23.5px;
}

.disable {
  color: #aaa !important;
}

.icon_gift {
  display: inline-block;
  width: 12px;
  height: 11px;
  vertical-align: middle;
  background-position: -100px -64px;
  margin: 0 5px;
}

.tuan_tag li:before {
  width: 10px;
  height: 11px;
  background-position: -190px -45.5px;
  top: 5px;
  left: -12px;
}

.icon_home:before {
  width: 21px;
  height: 19px;
  top: 14px;
  right: 10px;
  background-position: -145px 0;
}

.icon_phone:before {
  width: 17px;
  height: 20px;
  top: 14px;
  right: 12px;
  background-position: -170.5px 0;
}

.icon_search_w:before {
  background-position: -220px -133px;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 14px;
}

.icon_share:before {
  width: 20px;
  height: 15px;
  top: 16px;
  right: 11px;
  background-position: -198px -134px;
}

.icon_unfav:before,
.icon_fav:before {
  width: 18px;
  height: 16px;
  top: 16px;
  right: 12px;
}

.icon_unfav:before {
  background-position: -152px -134px;
}

.icon_fav:before {
  background-position: -175px -134px;
}

.icon_city:before,
.icon_date:before,
.icon_star:before,
.icon_keyword:before,
.icon_vctk:before,
.icon_vctl:before {
  left: 0;
  top: 8px;
  width: 22px;
  height: 20px;
}

.icon_city:before {
  background-position: -100px -43px;
}

.icon_date:before {
  top: 10px;
  background-position: -100px -23px;
}

.icon_date1:before {
  background-position: 0 0;
}

.icon_star:before {
  background-position: -100px -83px;
}

.icon_keyword:before {
  width: 20px;
  background-position: -100px 0;
}

.call:before {
  top: 8px;
  left: 8px;
  width: 13px;
  height: 16px;
  background-position: -168px -23px;
}

.icon_ok {
  display: inline-block;
  width: 34.5px;
  height: 33.5px;
  margin: -10px 10px 0 0;
  vertical-align: middle;
  background-position: -50px -64px;
}

.icon_vctk:before {
  background-position: -124px -105.5px;
}

.icon_vctl:before {
  height: 22px;
  background-position: -150.5px -104px;
}

.order_ok {
  padding: 20px 10px !important;
  text-align: center;
  font: 600 1.143em/1.8 STXihei;
  color: #7ab541;
}

.order_okinfo {
  padding: 10px 10px 20px;
  font: 400 12px/1.5 STXihei;
  color: #000;
}

.mulselect_no,
.mulselect_yes {
  display: inline-block;
  width: 20px;
  height: 21px;
  margin-right: 15px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
}

.mulselect_yes {
  border: 0;
  background-position: -190px -23px;
}

.delivy.s_tickets .light.current:after,
.delivy.s_tickets .light:active:after,
#city_list .cur-selected:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 19px;
  height: 19px;
  margin-top: -8px;
  background-position: -190px -83px;
}

.fselect.current i {
  position: absolute;
  bottom: 0;
  background-position: -190px -83px;
  width: 19px;
  height: 19px;
  display: inline-block;
}

.tuan_pic {
  width: 100%;
  max-width: 300px;
  height: 180px;
  margin: 0 auto;
}

.city_box_emp {
  padding: 100px 10px 10px;
  text-align: center;
}

.cityli,
.city-item {
  position: relative;
  font: 400 14px/40px Tahoma;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}

.cityli i,
.city-item i {
  margin-left: 10px;
}

.cityli li,
.city-item li {
  position: relative;
  display: none;
  padding: 0 10px;
  border-bottom: 1px solid #cee1ee;
  background: #ebf2fa;
}

#city_list .citylistclick:after {
  background-image: none;
}

.citylistclick li {
  display: block;
}

#city_list li.citylistcrt:after,
.list_crt:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 3px;
  width: 24px;
  height: 20px;
  content: '';
  background-position: -190px -83px;
}

.cityarea_list li {
  position: relative;
  padding-left: 15px;
  font: 400 14px/40px Tahoma;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
}

.cityarea_list li.list_crt {
  border-bottom: 1px solid #cee1ee;
  background: #ebf2fa;
}

.city_tab {
  overflow: hidden;
  border-bottom: 1px solid #cfcfcf;
}

.city_tab li {
  float: left;
  width: 50%;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  background: #f7f7f7;
  color: #808285;
  border-bottom: 4px solid transparent;
}

.city_tab li.cityTabCrt {
  color: #329ecb;
  border-bottom: 4px solid #1491c5;
}

.citylisttab {
  background: none !important;
  padding-bottom: 0 !important;
}

.citylist {
  color: #000;
}

.citylist dt,
.citylist dd {
  padding-left: 10px;
  border-bottom: 1px solid #e2e2e2;
  word-break: break-all;
  overflow: hidden;
}

.citylist dt {
  padding-top: 2px;
  line-height: 25px;
  background-color: #eaeaea;
  color: #666;
}

.citylist dd {
  position: relative;
  font-size: 16px;
  padding: 7px 20px 7px 10px;
  background-color: #fff;
}

.citylist .ok_crt {
  color: #1491c5;
}

.citylist .ok_crt:after {
  position: absolute;
  content: '';
  right: 10px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 13px;
  background-position: -191px -86.5px;
}

.citylist .emptyitem {
  padding: 20px 0;
  border: 0;
  background: 0 0;
  text-align: center;
  color: #666;
}

.date_txt em {
  display: block;
  font: 700 16px/2 '';
  color: #ff8c00;
}

.date_txt b {
  display: block;
  line-height: 24px;
}

.text_box {
  padding: 10px 18px;
  margin-top: 10px;
  color: #535353;
  background: #feeecc;
}

.icon_jian {
  width: 30px;
  height: 15px;
  line-height: 15px;
  padding: 2px;
  margin-left: 5px;
  text-align: center;
  font-family: STHEITI;
  font-size: 12px;
  font-weight: 700;
  background-color: #fb4c2e;
  color: #fff;
}

.fix_bottom,
.fix_b {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9999;
}

.btn_blue.fix_bottom {
  width: 100%;
  margin: auto;
  text-align: center;
}

.arr_r,
.arr_up,
.arr_down {
  position: relative;
}

.arr_r:after,
.arr_up:after,
.arr_down:after {
  top: 50%;
  margin-top: -8px;
  right: 10px;
  width: 7.5px;
  height: 14.5px;
  background-position: -190.5px -63.5px;
}

.arr_up:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.arr_down:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.li_arr_r {
  position: relative;
}

.newarr_r {
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

.newarr_r:before,
.newarr_r:after,
.li_arr_r:before,
.li_arr_r:after {
  position: absolute;
  left: 15px;
  content: '';
  width: 2px;
  height: 7px;
  background-color: #909090;
}

.newarr_r:before,
.li_arr_r:before {
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.newarr_r:after,
.li_arr_r:after {
  top: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.li_arr_r:before,
.li_arr_r:after {
  left: auto;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.li_arr_r:after {
  margin-top: 0;
}

#headerview header,
.sub-viewport header {
  z-index: 2000;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 48px;
  background-color: #1491c5;
}

header h1 {
  position: absolute;
  width: 100%;
  line-height: 48px;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
}

header h1 a {
  color: #fff;
}

header h2 {
  position: absolute;
  width: 100%;
  line-height: 48px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
}

header h2 a {
  color: #fff;
}

header i {
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
}

.returnico {
  position: absolute;
  left: 0;
  top: 0;
  width: 68px;
  height: 48px;
  background-color: #15a4d5;
}

.returnico:before {
  left: 25px;
  top: 14px;
  width: 12px;
  height: 20px;
  content: '';
  position: absolute;
  background-position: -100px -105px;
}

.icon_home,
.icon_phone,
.icon_share,
.icon_unfav,
.icon_fav,
.icon_search_w {
  width: 42px;
  height: 100%;
  top: 0;
  position: relative;
  z-index: 9;
  float: right;
}

.header_r,
.header_rs,
.rightblue {
  min-width: 44px;
  position: absolute;
  z-index: 9;
  top: 0;
  left: auto;
  right: 0;
  line-height: 48px;
  padding: 0 8px;
  font-size: 15px;
  background: #15a4d5;
  color: #fff;
  text-align: center;
}

.header_rs {
  padding: 0 5px;
  font-size: 14px;
}

.i_bef:before,
.i_aft:after,
.arr_r:after,
.arr_down:after,
.arr_up:after,
.tuan_tag li:before,
.tab_search li:before,
.tab_search li:after,
#city_list li.citylistcrt:after,
.list_crt:after {
  content: '';
  position: absolute;
}

.bluepolygon,
.yelwpolygon {
  font: 600 1.143em/2 STXihei;
  display: inline-block;
  position: relative;
  padding: 3px 10px;
  margin: -5px 10px 0 5px;
}

.bluepolygon:after,
.yelwpolygon:after {
  content: '';
  position: absolute;
  border-width: 20px 5px;
  border-style: solid;
}

.bluepolygon {
  background: #31a9e9;
  color: #fff;
}

.bluepolygon:after {
  right: -9px;
  top: 0;
  border-color: #31a9e9 transparent transparent #31a9e9;
}

.yelwpolygon {
  background: #ffe100;
  color: #424242;
}

.yelwpolygon:after {
  left: -9px;
  right: auto;
  top: -2px;
  border-color: transparent #ffe100 #ffe100 transparent;
}

.openclose em {
  display: inline-block;
  width: 60px;
  height: 23px;
  line-height: 23px;
  background: #ccc;
  border-radius: 50px;
  vertical-align: bottom;
  float: right;
  position: relative;
  -webkit-transition: background 150ms linear;
}

.openclose em i {
  width: 21px;
  height: 21px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 1px;
}

.openclose em.open {
  background: #15a4d5;
}

.openclose em.open i {
  left: auto;
  right: 1px;
}

.s_on,
.s_off {
  position: relative;
  background: #ddd;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  display: inline-block;
  height: 25px;
  line-height: 25px;
}

.s_on {
  padding: 6px 8px 6px 13px;
}

.s_on.current,
.s_off.current {
  background: #31a9e9;
}

.s_on:after,
.s_off:after {
  content: '';
  position: absolute;
  top: 0;
}

.s_on:after {
  right: -9px;
  border-top: 37px solid #ddd;
  border-right: 9px solid transparent;
}

.s_on.current:after {
  border-top: 37px solid #31a9e9;
}

.s_off {
  padding: 6px 13px 6px 8px;
  margin-left: 15px;
}

.s_off:after {
  left: -9px;
  border-bottom: 37px solid #ddd;
  border-left: 9px solid transparent;
}

.s_off.current:after {
  border-bottom: 37px solid #31a9e9;
}

.s_woman.current {
  background: #ff6fb7;
}

.s_woman.current:after {
  border-bottom: 37px solid #ff6fb7;
}

.btn_blue,
.btn_blue1 {
  display: block;
  width: 50%;
  height: 45px;
  line-height: 45px;
  background: #ff9913;
  color: #fff;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -webkit-tap-highlight-color: #ff8c00;
}

.btn_blue1 {
  background: #31a9e8;
}

.order_btnbox {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 45px;
  text-indent: 20px;
  font: 700 1em/45px Tahoma;
  letter-spacing: 2px;
  background-color: #fd8023;
  color: #333;
}

.order_btn {
  float: right;
  line-height: 45px;
  padding: 0 30px;
  font-weight: 600;
  background: #fc6808;
  color: #fff;
}

.icon_city:before,
.icon_date:before,
.icon_star:before,
.icon_keyword:before {
  left: 0;
  top: 8px;
  width: 22px;
  height: 21px;
}

input {
  width: 100%;
  height: 42px;
  border: 0;
  padding: 0 5px;
  background: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

input.input_s,
input.input_sl {
  position: absolute;
  right: 20px;
  top: 0;
  width: 65%;
  text-align: right;
  font-size: 1em;
}

input.input_s::-webkit-input-placeholder,
input.input_s::-moz-placeholder {
  text-align: right;
}

input.input_sl {
  text-align: left;
}

.input_box {
  position: relative;
  margin: 10px 0;
}

.clear_input:after {
  position: absolute;
  content: '+';
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  font: 700 16px/18px verdana;
  color: #fff;
  border-radius: 1em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border: 3px solid #fff;
  background: #ccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.place_search_box {
  position: relative;
}

input.place_search {
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
  height: 32px;
  line-height: 32px;
  border: 0;
  border-radius: 4px;
  letter-spacing: 2px;
  font: 400 14px/20px Tahoma;
  background: #fff;
}

input[type='text'].place_search:empty {
  padding-left: 2.5em;
}

.needs:before {
  display: inline-block;
  width: 10px;
  margin-left: -10px;
  content: '*';
  vertical-align: middle;
  color: #e10006;
}

.needs {
  font-weight: 700;
}

.btn_blue:active,
header i:active,
.icon_home:active,
.icon_phone:active,
.icon_share:active,
.icon_unfav:active,
.icon_fav:active {
  opacity: 0.7;
}

.arr_r:active,
.arr_up:active,
.arr_down li:active,
#order_list li:active,
.cfbox li:active,
.filter_r li:active,
.filter_l li:active {
  background: rgba(242, 242, 242, 0.8);
}

.list_fold {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 10px;
  margin-left: -20px;
  border-bottom: 12px solid #e4e4e4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  cursor: pointer;
}

.list_fold:before,
.list_fold:after {
  display: block;
  position: absolute;
  content: '';
  top: 13px;
  width: 2px;
  height: 8px;
  border-radius: 5px;
  background: #fff;
}

.list_fold:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 12px;
}

.list_fold:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 16px;
}

.packup:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 12px;
}

.packup:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 16px;
}

.slider_wrap {
  width: 300px;
  overflow: hidden;
  margin: 48px auto;
  overflow: hidden;
}

.slider {
  position: relative;
  width: 3000px;
  overflow: hidden;
}

.slider figure {
  float: left;
  width: 300px;
  text-align: center;
  overflow: hidden;
}

.slider figcaption {
  letter-spacing: 1px;
  line-height: 60px;
}

.slider_bar {
  position: relative;
  height: 30px;
  margin-top: 20px;
  line-height: 30px;
  text-align: center;
  background: #1491c5;
  color: #fff;
}

.slider_prev,
.slider_next {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
}

.slider_prev {
  left: 5px;
}

.slider_next {
  right: 5px;
}

.slider_prev:before,
.slider_next:before {
  position: absolute;
  content: '';
  top: 5px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.slider_prev:before {
  left: 7px;
  border-right: 12px solid #fff;
}

.slider_next:before {
  right: 7px;
  border-left: 12px solid #fff;
}

.tab_by {
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.tab_by:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.tab_by li {
  position: relative;
  float: left;
  height: 40px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  box-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  text-align: center;
  font: 600 1.143em/40px STXihei;
  border-right: 1px solid #ddd;
  background: #f2f2f2;
  color: #666;
}

.tab_by li:last-child {
  border-right: 0;
}

.tab_by i {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 5px solid #626262;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.tab_by li.hover {
  background-color: #ddd;
}

.tab_by em {
  font-weight: 900;
  margin-left: 2px;
}

.bytime em {
  color: #1491c5;
  text-shadow: 1px 0 1px #1491c5;
}

.byprice em {
  color: #ff8c00;
  text-shadow: 1px 0 1px #ff8c00;
}

.search_day dd.city_txt {
  line-height: 18px;
  font-weight: 700;
}

.search_day {
  margin-bottom: 12px;
}

.search_list h3,
.search_day dt {
  position: relative;
  text-indent: 30px;
  font: 400 14px/40px STXihei;
  color: #c7c7c7;
}

.search_list p,
.search_day dd {
  position: relative;
  padding: 0 5px 0 10px;
  line-height: 45px;
  background: #f2f2f2;
}

.search_day {
  width: 100%;
  overflow: hidden;
  margin-right: -2%;
}

.search_day dl {
  float: left;
  width: 49%;
}

.search_day dl:first-child {
  margin-right: 2%;
}

.search_day dd {
  padding: 10px;
}

.search_day em {
  display: block;
  font: 600 1.286em/30px STXihei;
  color: #ff7900;
}

.search_day i {
  display: block;
  line-height: 20px;
}

.tab_search {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  overflow: hidden;
}

.tab_search li {
  position: relative;
  width: 50%;
  height: 40px;
  background: #ededed;
  color: #7e7e7e;
  text-align: center;
  font: 600 1.143em/40px STXihei;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  border-top: 1px solid #c6c6c6;
}

.tab_search li:nth-of-type(2),
.tab_search li:nth-of-type(3) {
  border-left: 1px solid #c6c6c6;
}

.tab_search li:first-child {
  margin-left: 14px;
}

.tab_search li:last-child {
  margin-right: 14px;
}

.tab_search li:after {
  top: -1px;
  right: -14px;
  width: 0;
  height: 0;
  border-bottom: 14px solid #1491c5;
  border-right: 14px solid transparent;
}

.tab_search li:first-child:after {
  right: auto;
  left: -14px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tab_search li:before {
  top: 13px;
  right: -14px;
  width: 14px;
  height: 27px;
  background: #ededed;
}

.tab_search li:first-child:before {
  top: 13px;
  left: -14px;
  width: 14px;
  height: 27px;
  background: #ededed;
}

.tab_search li.tabcrt:after {
  width: 0;
  height: 0;
  border-bottom: 9px;
}

.tab_search li.tabcrt {
  margin: 0;
  background: #1491c5;
  color: #fff;
}

.tab_search li a {
  text-decoration: none;
  display: block;
}

.tab_search li a:link,
.tab_search li a:visited,
.tab_search li a:hover,
.tab_search li a:active {
  color: #7e7e7e;
}

.tab_search li.tabcrt a,
.tab_search li.tabcrt a:link,
.tab_search li.tabcrt a:visited,
.tab_search li.tabcrt a:hover,
.tab_search li.tabcrt a:active {
  color: #fff;
}

.tab_search li.tabcrt:after {
  background: 0 0;
}

.room_num {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  color: #000;
  background-color: #fff;
  text-align: center;
  border: #bfbfbf 1px solid;
}

.room_num i {
  position: absolute;
  background: #06a2d0;
  width: 30px;
  height: 30px;
  text-align: center;
  font: 400 2em/28px Arial;
}

.room_num i:first-child {
  left: 0;
  color: #fff;
  font: 400 2.8em/25px Arial;
}

.room_num i:last-child {
  right: 0;
  color: #fff;
}

.room_num .num_invalid {
  background: #f4f4f4;
  color: #d9d9d9 !important;
}

.room_num .click_area_l,
.room_num .click_area_r {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
}

.room_num .click_area_l {
  left: 0;
}

.room_num .click_area_r {
  right: 0;
}

.filter_l {
  float: left;
  width: 30%;
  min-height: 100%;
  text-align: center;
  color: #a9a9a9;
  background-color: #e4e1e1;
}

.filter_l li {
  height: 45px;
  line-height: 45px;
  background: #e4e1e1;
  color: #797979;
}

.filter_l li.hover {
  background: #f5f5f5;
  color: #424242;
}

.filter_r {
  float: left;
  width: 70%;
  min-height: 100%;
  height: auto;
  background: #fff;
}

.filter_r li {
  height: 46px;
  line-height: 46px;
  text-indent: 30px;
}

.filter_r li.choosed {
  background: #33a6f2;
  color: #fff;
}

.singer {
  width: 100%;
}

.singer li {
  text-indent: 20px;
}

#city_list .cur-selected {
  background-color: #ebf4fa;
}

#city_list .cur-selected:after {
  right: 40px;
}

#city_list .sub-city-box .cur-selected:after {
  right: 20px;
}

.sub-city-box li,
.city-group-title,
.grouptitle {
  padding-left: 10px;
}

.calhead-box {
  height: 48px;
  line-height: 48px;
  background: #1491c5;
  position: relative;
  text-align: center;
}

.calhead-box .calhead-pad {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 100;
  background: #1491c5;
}

.calhead-box .calhead-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
}

.calhead-box .calhead-back:active {
  background: #005c9c;
}

.calhead-box .calhead-title {
  height: 48px;
  font: 600 1.286em/2.7em STXihei;
  color: #fff;
}

.tab_haspop {
  display: inline-block;
  width: 70%;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tab_pop {
  display: none;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 41px;
  width: 100%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f2f2f2;
  color: #000;
}

.tab_pop p {
  height: 35px;
  text-align: center;
  padding: 0 10px;
  font: 400 12px/35px Arial;
  letter-spacing: -1px;
}

.tab_pop p:active {
  background-color: #30aae8;
  color: #fff;
}

.tab_by .tab_popshow i {
  border-top: 0;
  border-bottom: 5px solid #626262;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.tab_popshow .tab_pop {
  display: block;
}

.blue_btn_s {
  display: block;
  margin: 10px auto;
  padding: 0 40px;
  line-height: 44px;
  background-color: #2a97e2;
  color: #fff;
}

.icon_search {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -10px 15px 0 0;
  vertical-align: middle;
  border: 2px solid #fff;
  border-radius: 14px;
}

.icon_search:before {
  position: absolute;
  content: '';
  top: 14px;
  right: -5px;
  width: 4px;
  height: 8px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.right_txt,
.right_bluetxt {
  float: right;
  margin-right: 24px;
  color: #999;
}

.right_bluetxt {
  color: #0073c3;
}

.list_st_border li:active,
.p_hinttxt:active,
.search_cancel:active,
.citylist dd:active {
  background: #f8f8f8;
}

.select_n:before {
  width: 20px;
  height: 20px;
  background-position: -98px -133px;
}

.select_n.current:before {
  background-position: -124px -133px;
}

.search_wrap {
  position: relative;
  overflow: hidden;
  padding: 10px;
  background: #dfeaf1;
  border-bottom: 1px solid #c1c1c1;
}

.search_wrap input {
  background: #fff;
}

.search_box {
  position: relative;
  float: left;
  width: 100%;
}

.search_input {
  width: 100%;
  height: 35px;
  padding: 0 20px 0 28px;
  background-color: #fff;
  border-radius: 4px;
  line-height: normal;
}

.cont_blue .place_search {
  background: #fff;
}

.fdj:before,
.fdj:after,
.search_box:before,
.search_box:after,
.place_search_box:before,
.place_search_box:after {
  position: absolute;
  content: '';
  z-index: 9;
}

.fdj:before,
.search_box:before,
.place_search_box:before {
  left: 6px;
  top: 50%;
  margin-top: -8px;
  width: 12px;
  height: 12px;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
}

.fdj:after,
.search_box:after,
.place_search_box:after {
  left: 20px;
  top: 50%;
  margin-top: 2px;
  width: 1px;
  height: 8px;
  background: #bcbcbc;
}

.search_cancel {
  display: none;
  float: left;
  width: 20%;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  color: #1491c5;
  background: transparent;
  border: 0;
  margin-top: 2px;
}

.close_icon {
  display: none;
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 30px;
  background: #b1b1b1;
}

.close_icon:before,
.close_icon:after {
  position: absolute;
  content: '';
  top: 4px;
  left: 7px;
  width: 2px;
  height: 8px;
  background: #fff;
}

.close_icon:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fdj:after,
.search_box:after,
.close_icon:after,
.place_search_box:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search_focus .search_box {
  width: 80%;
}

.search_focus .close_icon,
.search_focus .search_cancel {
  display: block;
}

.search_input:focus {
  color: #000;
}

.search_box.nozoom:after,
.search_box.nozoom:before {
  display: none;
}

.nozoom .search_input {
  padding-left: 10px;
}

.js_search_opt .place_search_box {
  margin-right: 80px;
}

.js_search_opt .history_close {
  display: block;
}

.history_close {
  display: none;
  position: absolute;
  width: 80px;
  height: 32px;
  line-height: 32px;
  top: 7px;
  right: 0;
  font-size: 16px;
  cursor: pointer;
}

.history_close .hclose {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #1491c5;
}

.tab {
  background-color: #f8f8f8;
  border-bottom: 1px solid #dfdfdf;
}

.tab li {
  float: left;
  width: 50%;
  height: 39px;
  line-height: 39px;
  text-align: center;
  border-right: 1px solid #dfdfdf;
}

.tab li:last-child {
  border-right: 0;
}

.tab li.tabcrt {
  background-color: #dfdfdf;
}

.tab_b {
  background-color: #f5f5f5;
  border-bottom: 1px solid #c1c1c1;
  overflow: hidden;
}

.tab_b li {
  float: left;
  width: 50%;
  height: 39px;
  line-height: 39px;
  text-align: center;
}

.tab_b li:last-child {
  border-right: 0;
}

.tab_b li.tabcrt {
  color: #1491c5;
  border-bottom: 4px solid #1491c5;
}

.white_box {
  background: #fff;
}

.white_box li {
  position: relative;
  line-height: 44px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.white_box label {
  display: inline-block;
  box-sizing: border-box;
  width: 90px;
  padding-left: 25px;
  font: 400 13px/44px '';
  color: #999;
}

.list_st_border {
  background: #fff;
  border-bottom: 0;
  border: 1px solid #cfcfcf;
}

.list_st_border li {
  position: relative;
  padding: 0 10px;
  line-height: 43px;
  border-bottom: 1px solid #cfcfcf;
}

.list_st_border li:last-child {
  border-bottom: 0;
}

.list_sli {
  padding: 10px 20px 10px 10px;
  overflow: hidden;
  border-bottom: 1px solid #cfcfcf;
  background: #fff;
}

.list_sli .list_sunit {
  float: left;
}

.p_grey {
  margin: 10px 5px;
  font-size: 13px;
  color: #989898;
}

.p_grey_center {
  text-align: center;
  margin: 20px 5px;
  font-size: 13px;
  color: #989898;
}

.p_hinttxt {
  padding: 20px 10px;
  text-align: center;
  font-size: 16px;
  color: #1491c5;
}

.btn_yellow,
.btn_del {
  width: 100%;
  height: 44px;
  line-height: 42px;
  padding-left: 10px;
  color: #fff;
  box-sizing: border-box;
}

.btn_yellow {
  background: #ff9913;
}

.btn_del {
  background: #ca4345;
  text-align: center;
  font-size: 1.2em;
}

.btn_pay {
  padding: 0 20px;
  height: 44px;
  float: right;
  background: #ff7d13;
  color: #fff;
}

.btn_pay:active {
  background: #ff7300;
}

#dl_app {
  width: 100%;
  height: auto;
  max-height: 85px;
  min-height: 40px;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.txt_middle {
  display: flex;
  align-items: center;
  display: -webkit-box;
  -webkit-box-align: center;
}

#dl_app #icon_text {
  box-flex: 5;
  flex: 5;
  -webkit-box-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  padding: 5px;
  box-sizing: border-box;
}

#dl_app #app_link {
  box-flex: 3;
  flex: 3;
  -webkit-box-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
}

#dl_app #close_icon {
  box-flex: 2;
  flex: 2;
  -webkit-box-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  min-width: 40px;
}

#icon_text img {
  display: block;
}

#app_link {
  background: rgba(45, 141, 233, 1);
  padding: 0 2%;
  margin: 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#app_link img {
  display: block;
  margin: 0 auto;
}

#close_icon {
  width: 14px;
  background: url()
    center center no-repeat;
  background-size: 14px 14px;
}

@media screen and (max-width: 640px) {
  #icon_text img,
  #app_link img {
    width: 90%;
  }
}

.hyb_detail_pub {
  border: #cfcfcf 1px solid;
  background-color: #fff;
}

.hyb_detail_lines {
  border-bottom: #cfcfcf 1px solid;
}

.hyb_detail_pub .hd {
  background-color: #f5f5f5;
  font-size: 15px;
  padding: 5px 10px;
  color: #686868;
}

.hyb_detail_pub .hd .l_tit {
  float: right;
  line-height: 22px;
  color: #262626;
}

.hyb_detail_pub .hd .r_tit {
  color: #ff9913;
  font-size: 15px;
}

.hyb_detail_pub .hd .r_tit dfn {
  margin: 0 4px;
}

.hyb_detail_pub .mod {
  position: relative;
  overflow: hidden;
  padding: 10px;
}

.hyb_detail_pub .mod dt {
  color: #686868;
  float: left;
}

.hyb_detail_pub .mod .hm {
  padding: 15px 0 10px;
}

.hyb_detail_pub .mod dd {
  padding-left: 75px;
  word-break: break-all;
}

.hyb_detail_pub .mod.pad_left30 dd,
.hyb_detail_pub .mod.pad_left30 th {
  padding-left: 25px;
  line-height: 20px;
}

.hyb_detail_pub .mod.pad_left30 th {
  text-align: left;
  font-weight: 400;
  vertical-align: top;
}

.hyb_cancel {
  border: #cfcfcf 1px solid;
  padding: 7px 29px;
  color: #686868;
  margin-left: -1px;
}

.hyb_cancel em {
  color: #c4c4c4;
}

.hyb_time {
  color: #ff9913;
  margin-right: 5px;
  font-weight: 700;
  display: inline-block;
}

.hyb_time b {
  font-size: 12px;
  margin-left: 2px;
}

.hyb_cblue {
  color: #1491c5;
}

.hyb_cgray2 {
  color: #686868;
}

.sjblue {
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  display: inline-block;
  vertical-align: bottom;
  border-color: #1491c5 transparent transparent;
  margin-left: 5px;
}

.sjblue_bottom {
  border-color: transparent transparent #1491c5;
  vertical-align: top;
}

.hyb_meal {
  margin: -2px 0 1px;
  line-height: 18px;
  color: #949494;
}

.succeed_icon {
  position: absolute;
  left: 0;
  top: -5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 4px solid #12b319;
}

.succeed_icon:before,
.succeed_icon:after {
  position: absolute;
  content: '';
  width: 4px;
  background: #12b319;
}

.succeed_icon:before {
  left: 14px;
  top: 20px;
  height: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.succeed_icon:after {
  left: 26px;
  top: 10px;
  height: 25px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

.checkbox_wrap_b i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
}

.checkbox_wrap_b i:before,
.checkbox_wrap_b i:after {
  position: absolute;
  content: '';
  top: 9px;
  left: 1px;
  width: 8px;
  height: 4px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox_wrap_b i:after {
  top: 7px;
  left: 4px;
  width: 16px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox_b_checked i {
  background: #15a4d5;
  border: 1px solid #15a4d5;
}

.checkbox_wrap_c i {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 50%;
}

.checkbox_c_checked i:before,
.checkbox_c_checked i:after {
  position: absolute;
  content: '';
  top: 8px;
  left: 2px;
  width: 8px;
  height: 2px;
  background: #099fde;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox_c_checked i:before {
  z-index: 9;
}

.checkbox_c_checked i:after {
  top: 5px;
  left: 6px;
  width: 16px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
  -moz-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
  -ms-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
}

.checkbox_c_checked i {
  border: 1px solid #099fde;
}

.checkbox_wrap_bs i {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url('')
    no-repeat 0 -21px;
  background-size: 15px 35px;
}

.checkbox_bs_checked i {
  background-position: 0 0;
}

.g_btn_s {
  color: #fff;
  font-size: 18px;
  width: 100%;
  height: 44px;
  line-height: 44px;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto;
  text-align: center;
  background-color: #ff9a14;
  -webkit-tap-highlight-color: #ff8c00;
}

.g_btn_s.g_btns_disable {
  background-color: #cdcdcd;
}

.cui-i:before {
  position: absolute;
  content: '';
}

.cui-i,
.cui-i:before {
  background: url(//pic.c-ctrip.com/h5/common/cui_img.png);
  background-size: 200px 71px;
}

.cui-mask {
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}

.cui-warning-mask {
  background: #f5f5f5;
}

.cui-layer {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2100;
  border-radius: 10px;
  padding: 5px;
}

.cui-alert {
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 1px;
}

.cui-alert-padding {
  padding: 0 0 10px;
  background: #fff;
  overflow: hidden;
}

.cui-alert-title {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background: #0073c3;
  text-indent: 10px;
}

.cui-alert-content {
  padding: 10px 0;
}

.cui-alert-buttons {
  text-align: center;
}

.cui-originselect {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.cui-originselect .cui-option {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
}

.cui-originselect .cui-option-selected {
  background: #aaa;
}

.cui-select-fullscreen {
  border: 0;
  text-align: center;
}

.cui-view.cui-originselect.cui-select-fullscreen {
  z-index: 10000 !important;
}

.cui-select-fullscreen .cui-select-title {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #efefef;
}

.cui-calendar {
  background: #f3f3f3;
}

.clahead {
  display: none;
}

.calmonth {
  width: 100%;
  margin-bottom: 20px;
  font-family: Verdana;
  font-size: 12px;
}

.calmonth .clatitle th {
  font: 400 16px/2 '';
  background: #fff;
}

.calmonth .clarow {
  background: #fff;
}

.clarow td {
  height: 45px;
  padding: 4px 0;
  text-align: center;
  overflow: hidden;
  background-color: #f3f3f3;
}

.clarow td.valid {
  background-color: #fff;
}

.valid i,
.invalid i {
  display: block;
  font-weight: 400;
  font-size: 12px;
}

.calmonth .clarow td.selected {
  background: #06a2d0;
  color: #fff;
}

.calmonth_nocurrent {
  color: #fff;
  background: #fff;
}

.cui-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.cui-slide-imgsouter {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.cui-slide-imgsinter {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cui-slide-img-item {
  height: 100%;
  overflow: hidden;
  float: left;
  display: table;
  background: #e4e4e4;
}

.cui-slide-img-item a {
  display: table-cell;
  vertical-align: middle;
}

.cui-slide-img-item img {
  width: 100%;
}

.cui-slide-nav {
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.cui-slide-nav-item {
  overflow: hidden;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  float: left;
  margin: 0 5px;
  border-radius: 50%;
}

.cui-slide-nav-padding {
  display: inline-block;
  overflow: hidden;
  height: 100%;
}

.cui-slide-nav-item-current {
  background: rgba(9, 159, 222, 1);
}

.cui-slide-img-item-empey {
  position: relative;
  background: #f5f5f5 url(//pic.c-ctrip.com/h5/common/roompic.png) no-repeat
    center center;
}

.cui-slide-img-item-empey:after {
  position: absolute;
  content: '';
  width: 100%;
  text-align: center;
  top: 45%;
}

.cui-toast .cui-layer-padding {
  width: 220px;
  line-height: 24px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
}

.cui-Mask {
  display: none;
  background: rgba(0, 0, 0, 0.5);
}

.cui-alert {
  max-width: 500px;
  width: 95%;
}

.cui-close {
  display: none;
  font-family: Arial;
  height: 1.2em;
  line-height: 1.2em;
  width: 1.2em;
  font-size: 14px;
  overflow: hidden;
  border-radius: 1em;
  text-align: center;
  background: #ccc;
  cursor: pointer;
  right: -0.5em;
  top: -0.5em;
}

.cui-alert-title {
  text-align: center;
  height: 3em;
  line-height: 3em;
  background: #0073c3;
  color: #fff;
}

.cui-alert-content {
  margin: 0 20px;
  padding: 25px 0;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}

.cui-alert-button-box {
  text-align: center;
  padding-bottom: 15px;
}

.cui-alert-button {
  height: 44px;
  line-height: 44px;
  border: 0;
  background: #31a9e9;
  width: 40%;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0.5em;
  display: inline-block;
  -webkit-appearance: none;
  border-radius: 0;
}

.cui-alert-button:hover {
  background: #005c9c;
}

.cui-alert-tbg {
  background: #000;
  opacity: 0.5;
  border-radius: 4px;
  display: none;
}

.cui-alert-conbox {
  margin: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.cui-layer {
  color: #eee;
  border-radius: 10px;
}

.head-warning-top {
  width: 100%;
}

.head-warning-header {
  height: 48px;
  background: #1491c5;
  position: relative;
}

.head-warning-header .returnico:active {
  opacity: 0.7;
}

.head-warning-header-title {
  text-align: center;
  font: 600 1.286em/2.75 STXihei;
  color: #fff;
}

.head-warning-content-icon {
  text-align: center;
}

.head-warning-content-title {
  text-align: center;
  font-size: 12px;
}

.main-frame {
  min-width: 240px;
  height: 100%;
}

.main-viewport {
  position: relative;
  height: 100%;
}

.sub-viewport {
  position: relative;
  overflow-x: hidden;
  min-height: 100%;
}

@-webkit-keyframes sliderightout {
  from {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes slideleftin {
  from {
    -webkit-transform: translateX(-50%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes slideleftout {
  from {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes sliderightin {
  from {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes sliderightout {
  from {
    -moz-transform: translateX(0px);
    opacity: 1;
  }

  to {
    -moz-transform: translateX(50%);
    opacity: 0;
  }
}

@-moz-keyframes slideleftin {
  from {
    -moz-transform: translateX(-50%);
    opacity: 0;
  }

  to {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes slideleftout {
  from {
    -moz-transform: translateX(0px);
    opacity: 1;
  }

  to {
    -moz-transform: translateX(-50%);
    opacity: 0;
  }
}

@-moz-keyframes sliderightin {
  from {
    -moz-transform: translateX(50%);
    opacity: 0;
  }

  to {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes sliderightout {
  from {
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes slideleftin {
  from {
    transform: translateX(-50%);
    opacity: 0;
  }

  to {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes slideleftout {
  from {
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    transform: translateX(-50%);
    opacity: 0;
  }
}

@keyframes sliderightin {
  from {
    transform: translateX(50%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

.slideleftout {
  -webkit-animation: slideleftout 350ms ease-in-out;
  -moz-animation: slideleftout 350ms ease-in-out;
  animation: slideleftout 350ms ease-in-out;
}

.slideleftin {
  -webkit-animation: slideleftin 350ms ease-in-out;
  -moz-animation: slideleftin 350ms ease-in-out;
  animation: slideleftin 350ms ease-in-out;
}

.sliderightout {
  -webkit-animation: sliderightout 350ms ease-in-out;
  -moz-animation: sliderightout 350ms ease-in-out;
  animation: sliderightout 350ms ease-in-out;
}

.sliderightin {
  -webkit-animation: sliderightin 350ms ease-in-out;
  -moz-animation: sliderightin 350ms ease-in-out;
  animation: sliderightin 350ms ease-in-out;
}

.animatestart {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.animatestart.sub-viewport {
  overflow-x: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #f5f5f5;
}

.cui-select-title-box {
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  background: #1491c5;
  position: relative;
}

.cui-select-fullscreen .cui-select-title-box .cui-select-title {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.cui-select-title-box .cui-select-title-leftback {
  height: 100%;
  width: 68px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #15a4d5;
}

.cui-select-title-box .cui-select-title-leftback:active {
  opacity: 0.7;
}

.cui-originselect-fixed-title {
  width: 100%;
  text-align: right;
}

.cui-input-error {
  background: #fffaeb;
}

.cui-history {
  background: #fff;
}

.cui-history .cui-history-border {
  border: 1px solid #ccc;
}

.cui-history .cui-history-list li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

.cui-history .cui-history-list li.item {
  border-bottom: 1px solid #efefef;
}

.clear-input {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0 !important;
  right: 0 !important;
  width: 30px;
  height: 100%;
}

.clear-input span {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 30px;
  top: 50% !important;
  left: 50%;
  margin: -8px 0 0 -8px;
  background: #b1b1b1;
}

.clear-input span:before,
.clear-input span:after {
  position: absolute;
  content: '';
  top: 4px;
  left: 7px;
  width: 2px;
  height: 8px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.clear-input span:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clear-input-box {
  position: relative;
}

.cui_cldwrap {
  padding-top: 25px;
  color: #585858;
}

.cui_cldwrap_h {
  padding-top: 40px;
}

.cui_cldmsg {
  padding: 0 10px;
  line-height: 15px;
}

.cui_cldweek {
  position: fixed;
  z-index: 2;
  top: 48px;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  font: 400 12px/24px verdana;
  border-bottom: 1px solid #c8c8c8;
  background: #f7f7f7;
}

.cui_cldweek_top0 {
  top: 0;
}

.cui_cldweek li {
  float: left;
  width: 14%;
  text-align: center;
}

.cui_cldweek li:first-child,
.cui_cldweek li:last-child {
  width: 15%;
  color: #ff902d;
}

.cui_cldmonth {
  height: 40px;
  text-align: center;
  font: 400 16px/50px verdana;
  background: #fff;
}

.cui_cldunit {
  margin-bottom: 14px;
}

.cui_cld_daybox {
  overflow: hidden;
  background: #fff;
}

.cui_cld_daybox li {
  float: left;
  width: 14%;
  height: 40px;
  padding: 4px 0;
  font: 400 14px/45px verdana;
  overflow: hidden;
  text-align: center;
}

.cui_cld_daybox li:nth-of-type(7n),
.cui_cld_daybox li:nth-of-type(7n + 1) {
  width: 15%;
  color: #ff902d;
}

.cui_cld_dayfuture {
  background: #fff;
}

.cui_cld_day_nocrtmonth {
  visibility: hidden;
}

.cui_cld_day_havetxt em,
.cui_cld_nopro em,
.cui_cld_haspro em,
.cui_cld_daycrt em {
  display: block;
  line-height: 20px;
  font-size: 12px;
}

.cui_cld_day_havetxt i,
.cui_cld_nopro i,
.cui_cld_haspro i,
.cui_cld_daycrt i {
  display: block;
  line-height: 15px;
  font-size: 11px;
}

.cui_cld_daycrt.cui_cld_daycrt_sl em {
  line-height: inherit;
}

.cui_spandate {
  line-height: 22px;
  display: block;
}

.cui_cld_daybox li.cui_cld_day_hint {
  color: #06a2d0;
}

.cui_cld_daybox li.cui_cld_daypass {
  color: #cfcfcf !important;
}

.cui_cld_daycrt {
  background: #06a2d0;
  color: #fff !important;
}

.cui-full-views {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  top: 0;
  left: 0;
}

.cui-pop-box {
  background: #fff;
  width: 280px;
  margin: auto;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  z-index: 9999;
}

.cui-text-center {
  text-align: center;
}

.cui-grayc {
  color: #878787;
}

.cui-pop-box .cui-hd {
  height: 40px;
  line-height: 40px;
  font-size: 1.2em;
  color: #fff;
  background: #099fde;
  padding: 0 10px;
  position: relative;
}

.cui-pop-box .cui-hd .lab-close-area {
  position: absolute;
  width: 50px;
  height: 100%;
  right: 0;
  top: 0;
}

.cui-pop-box .cui-hd .cui-top-close {
  width: 40px;
  height: 40px;
  float: right;
  line-height: 40px;
  color: transparent;
  text-align: center;
  font-weight: 700;
  position: relative;
}

.cui-pop-box .cui-hd .cui-top-close:before,
.cui-pop-box .cui-hd .cui-top-close:after {
  width: 2px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -1px;
  background: #fff;
  content: '';
}

.cui-pop-box .cui-hd .cui-top-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cui-pop-box .cui-hd .cui-top-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cui-pop-box .cui-flex2 {
  min-width: 150px;
  max-width: 150px;
}

.cui-select-view li {
  border-bottom: #dfdfdf 1px solid;
  padding: 1em 2em 1em 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.cui-select-view li.current {
  color: #1084bc;
}

.cui-select-view li:active {
  background: rgba(0, 0, 0, 0.05);
}

.cui-select-view li.current:before,
.cui-select-view li.current:after {
  position: absolute;
  content: '';
  background: #1084bc;
  height: 3px;
  top: 50%;
  border-radius: 3px;
}

.cui-select-view li.current:before {
  width: 18px;
  right: 10px;
  margin-top: -2px;
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.cui-select-view li.current:after {
  width: 9px;
  right: 22px;
  margin-top: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cui-bd {
  color: #000;
}

.cui-roller,
.cui-roller-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.cui-roller-bd,
.cui-roller-btns .cui-flexbd {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cui-roller {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.cui-flex2 {
  -webkit-box-flex: 2.5;
  -moz-box-flex: 2.5;
  -webkit-flex: 2.5;
  -ms-flex: 2.5;
  flex: 2.5;
}

.cui-roller .ul-list {
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  z-index: 2;
}

.cui-roller .ul-list li.current {
  font-size: 1.3255em;
  color: #099fde;
}

.cui-roller .ul-list li {
  height: 44px;
  line-height: 44px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cui-mask-gray {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    #fff 0,
    rgba(245, 245, 245, 0) 52%,
    rgba(245, 245, 245, 0) 48%,
    #fff 100%
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    color-stop(0.52, rgba(245, 245, 245, 0)),
    color-stop(0.48, rgba(245, 245, 245, 0)),
    to(#fff)
  );
  background: -webkit-linear-gradient(
    #fff 0,
    rgba(245, 245, 245, 0) 52%,
    rgba(245, 245, 245, 0) 48%,
    #fff 100%
  );
  background: -moz-linear-gradient(
    #fff 0,
    rgba(245, 245, 245, 0) 52%,
    rgba(245, 245, 245, 0) 48%,
    #fff 100%
  );
}

.cui-lines {
  width: 100%;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -23px;
  border-top: #dfdfdf 1px solid;
  border-bottom: #dfdfdf 1px solid;
}

.cui-h-font,
.cui-m-font {
  font-size: 0.67em;
}

.cui-roller-tips {
  color: #8d8d8d;
  padding: 5px;
  text-align: center;
}

.cui-error-tips {
  color: #000;
  padding: 20px;
  text-align: center;
}

.cui-roller-btns {
  background: #fff;
  border-top: 1px solid #bcbcbc;
  line-height: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cui-roller-btns .cui-flexbd {
  padding: 12px 0;
  color: #099fde;
}

.cui-roller-btns a {
  color: #099fde;
}

.cui-roller-btns .cui-flexbd:active {
  opacity: 0.75;
}

.cui-roller-btns .cui-flexbd:nth-of-type(2) {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.cui-roller-btns .cui-btns-strike {
  font-weight: bold;
}

.cui-roller-btns .cui-btns-warning {
  color: #f00;
}

.cui-roller-btns .cui-btns-disabled {
  color: #999;
}

.cui-load-error {
  width: 100%;
  margin: auto;
  word-break: break-all;
  text-align: center;
  margin-top: 85px;
}

.cui-wifi {
  width: 68px;
  height: 69px;
  position: relative;
  margin: 0 auto 5px;
  background-position: 0 0;
}

.cui-exclam:before,
.cui-exclam:after {
  position: absolute;
  content: '';
}

.cui-exclam:before {
  width: 10px;
  height: 31px;
  top: 12px;
  left: 50%;
  margin-left: -5px;
  background: #626262;
  border-radius: 5px;
}

.cui-exclam:after {
  width: 10px;
  height: 10px;
  bottom: 11px;
  left: 50%;
  margin-left: -5px;
  background: #626262;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.cui-load-fail {
  margin: 78px 15px;
}

.cui-fail-icon {
  width: 38px;
  height: 38px;
  background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
  background-size: 242px 260px;
  background-position: 0 -178px;
  margin-bottom: 10px;
}

.cui-fail-icon:before {
  display: none;
}

.cui-btns-retry {
  display: inline-block;
  margin-top: 15px;
  background: #ff9913;
  line-height: 44px;
  color: #fff;
  width: 100%;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #fff;
}

.cui-btns-retry:active {
  background-color: #e08000;
}

.cui-glines {
  border-bottom: #dfdfdf 1px solid;
  margin: 15px auto;
}

.cui-btns-tel {
  width: 100%;
  font-size: 16px;
  display: inline-block;
  background-color: #fff;
  color: #099fde;
  border: 1px solid #dbdbdb;
  line-height: 44px;
  border-radius: 4px;
  margin-top: 15px;
  text-decoration: none;
}

.cui-btns-tel:active {
  background-color: #e6e6e6;
}

.cui-breaking-load {
  width: 80px;
  height: 70px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  margin: auto;
  position: relative;
  z-index: 9999;
}

.cui-w-loading {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -24px;
  background-position: -76px 0;
}

.cui-m-logo {
  position: absolute;
  width: 24px;
  height: 28px;
  left: 50%;
  top: 50%;
  z-index: 9;
  margin: -15px 0 0 -12px;
  background-position: -132px 0;
}

.cui-w-loading,
.cui-pro-radius {
  -webkit-animation: cui-loading 1.58s linear infinite;
  -moz-animation: cui-loading 1.58s linear infinite;
  -ms-animation: cui-loading 1.58s linear infinite;
  animation: cui-loading 1.58s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}

.cui-b-loading {
  -webkit-animation: cui-loading 1.58s linear infinite;
  -moz-animation: cui-loading 1.58s linear infinite;
  -ms-animation: cui-loading 1.58s linear infinite;
  animation: cui-loading 1.58s linear infinite;
  -webkit-transform-origin: 47% 49%;
  -moz-transform-origin: 47% 49%;
  -ms-transform-origin: 47% 49%;
  transform-origin: 47% 49%;
  opacity: 0;
}

@-webkit-keyframes cui-loading {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes cui-loading {
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes cui-loading {
  0% {
    opacity: 1;
    -ms-transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    -ms-transform: rotate(360deg);
  }
}

@keyframes cui-loading {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

.cui-zl-load {
  width: 110px;
  margin: 5px auto;
  position: relative;
}

.cui-zl-load p {
  padding-left: 10px;
  color: #878787;
  overflow: hidden;
}

.cui-b-loading {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -182px 0;
}

.cui-mb-logo {
  width: 12px;
  height: 12px;
  float: left;
  margin: 5px 0 0 5px;
  background-position: -166px 0;
}

.cui-img-default {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: auto;
  background: #7a7a7a;
  color: #fff;
}

.cui-pro-load {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 38px;
  top: 50%;
  margin-top: -9px;
}

.cui-pro-radius {
  width: 18px;
  height: 18px;
  border-left: #c5c5c5 1px solid;
  display: block;
  border-bottom: #c5c5c5 1px solid;
  border-radius: 50%;
}

.cui-pro-logo {
  width: 12px;
  height: 13px;
  display: block;
  margin: -16px 0 0 3px;
  background-position: -74px -58px;
}

.cui-money-tips {
  padding: 15px 10px 10px;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

.cui-money-tips li {
  color: #000;
}

.cui-money-tips i {
  color: #686868;
  font-size: 16px;
}

.cui-money-tips em {
  width: auto;
  float: right;
}

.cui-money-tips dfn {
  font-size: 12px;
  margin: 0 2px 0 4px;
}

.cui-money-tips p {
  color: #a7a9ac;
}

.cui-money-tips p span {
  width: 75%;
  display: inline-block;
}

.cui-money-tips .border_bot {
  border-bottom: #dfdfdf 1px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #686868;
}

.cui-money-tips .t_r {
  text-align: right;
  padding-top: 5px;
}

.cui-money-tips .t_r b {
  font-size: 16px;
  color: #ff9913;
}

.cui-item-img {
  background: #7a7a7a;
  text-align: center;
  position: relative;
}

.cui-item-img .cui-item-imgbg {
  width: 60px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -30px;
}

.nomore {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #999;
}

.cui-grayload-text {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -75px;
  width: 150px;
  font-size: 16px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 5px;
  z-index: 99;
}

.cui-grayload-close {
  width: 42px;
  height: 42px;
  float: right;
}

.cui-grayload-close:before,
.cui-grayload-close:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  top: 15px;
  right: 10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cui-grayload-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cui-grayload-text .cui-w-loading {
  top: 10px;
  margin-top: 0;
}

.cui-grayload-text .cui-m-logo {
  top: 20px;
  margin-top: 0;
}

.cui-grayload-bfont {
  margin: 70px 0 6px;
}

.cui-switch {
  position: relative;
  width: 44px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 24px;
  background-color: #ccc;
  cursor: pointer;
  -webkit-transition: 200ms background-color ease-in;
  -moz-transition: 200ms background-color ease-in;
  transition: 200ms background-color ease-in;
}

.cui-switch.current {
  background-color: #099fde;
}

.cui-switch .cui-switch-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 24px;
  border-radius: 24px;
  background-color: #ccc;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: center center;
  -webkit-transition: 200ms -webkit-transform ease-in;
  -moz-transition: 200ms -moz-transform ease-in;
  transition: 200ms transform ease-in;
}

.cui-switch .cui-switch-bg.current {
  width: 44px;
  height: 24px;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}

.cui-switch .cui-switch-scroll {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 21px;
  height: 22px;
  border-radius: 22px;
  background-color: #fff;
  -webkit-transition: 200ms width ease-in, 200ms left ease-in,
    200ms right ease-in;
  -moz-transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in;
  transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in;
}

.cui-switch.current .cui-switch-scroll {
  left: 21px;
  right: 1px;
}

.cui-switch .cui-switch-scroll.wide {
  left: 2px;
  right: 14px;
}

.cui-switch.current .cui-switch-scroll.wide {
  left: 14px;
  right: 1px;
}

.cui-number-ma {
  min-width: 100px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  position: relative;
  border: silver 1px solid;
  background: #fff;
  display: inline-block;
}

.cui-number-ma i {
  width: 50px;
  height: 44px;
  position: absolute;
  top: -7px;
}

.cui-number-ma i:after {
  color: #fff;
  text-align: center;
  width: 32px;
  height: 29px;
  position: absolute;
  background: #099fde;
}

.cui-number-ma i.num-minus {
  left: -10px;
  font: 400 2.8em/25px Arial;
}

.cui-number-ma i.num-add {
  right: -10px;
  font: 400 2.2em/29px Arial;
}

.cui-number-ma i.num-minus:after {
  content: '-';
  left: 10px;
  top: 7px;
}

.cui-number-ma i.num-add:after {
  content: '+';
  right: 10px;
  top: 7px;
}

.cui-number-ma i.num-invalid:after {
  color: #d9d9d9;
  background: #f4f4f4;
}

.cui-number-ma .num-value-txt {
  width: 33px;
  height: 100%;
  padding: 0;
  color: #000;
  margin: 0 33px;
  text-align: center;
}

.cui-number-ma .num-value-txt:disable {
  color: #000;
}

.cui-citys-hd {
  background: #e6f1f7;
  padding: 8px 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cui-citys-hd .cui-input-bd {
  position: relative;
}

.cui-citys-hd .cui-btn-cancle {
  display: none;
}

.cui-citys-hd.cui-input-focus .cui-input-bd {
  width: 80%;
  float: left;
}

.cui-citys-hd.cui-input-focus .cui-btn-cancle {
  width: 18%;
  float: left;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  color: #1491c5;
  background: rgba(0, 0, 0, 0);
  border: 0;
  display: block;
}

.cui-citys-hd .cui-input-bd:before,
.cui-citys-hd .cui-input-bd:after {
  position: absolute;
  content: '';
}

.cui-citys-hd .cui-input-bd:before {
  width: 12px;
  height: 12px;
  left: 6px;
  top: 6px;
  border: 1px solid #999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.cui-citys-hd .cui-input-bd:after {
  width: 1px;
  height: 8px;
  left: 20px;
  top: 16px;
  background: #999;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cui-citys-hd .cui-input-box {
  width: 100%;
  height: 28px;
  line-height: normal;
  display: inline-block;
  padding: 0 60px 0 28px;
  background-color: #fff;
  border-radius: 20px;
}

.cui-focus-close {
  color: #999;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -17px 0 0 0;
  width: 40px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  font: 700 22px/1.7 sans-serif;
}

.cui-citys-hd .cui-input-box::-webkit-input-placeholder {
  color: #ccc;
}

.cui-arrow-close .cui-city-n {
  display: none;
}

.cui-arrow-close .cui-city-t:before,
.cui-arrow-close .cui-city-t:after,
.cui-arrow-open .cui-city-t:before,
.cui-arrow-open .cui-city-t:after {
  float: right;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #aaa;
  margin: 5px 4px 0 0;
}

.cui-arrow-close .cui-city-t:before,
.cui-arrow-open .cui-city-t:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cui-arrow-close .cui-city-t:after,
.cui-arrow-open .cui-city-t:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cui-city-itmes .cui-city-t {
  color: #666;
  background-color: #efefef;
  border-bottom: #bcbcbc 1px solid;
  line-height: 20px;
  padding: 5px 10px;
  display: block;
}

.cui-city-itmes .cui-city-n {
  background-color: #fff;
}

.cui-city-itmes .cui-city-n li {
  border-bottom: #bcbcbc 1px solid;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 30px 10px 10px;
  word-break: break-all;
  color: #000;
}

.cui-city-itmes .cui-city-n li.current {
  background: url()
    97% center no-repeat;
  background-size: 18px 14px;
}

.cui-city-associate li {
  background: #fff;
  border-bottom: #bcbcbc 1px solid;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 30px 10px 10px;
  word-break: break-all;
  color: #000;
}

.cui-btn-history {
  width: 95%;
  color: #099fde;
  border: #dbdbdb 1px solid;
  padding: 8px;
  background: #fff;
  border-radius: 3px;
  display: block;
  margin: 20px auto;
  font-size: 15px;
}

.cui-city-novalue {
  color: #cdcdcd;
  text-align: center;
  font-size: 15px;
  padding: 20px;
  line-height: 20px;
}

.cui-tab-mod {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 43px;
  line-height: 43px;
  border-bottom: #bcbcbc 1px solid;
  background-color: #fafafa;
  color: #666;
  font-size: 15px;
  position: relative;
  display: table\9;
  width: 100%;
}

.cui-tab-mod li {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: table-cell\9;
}

.cui-tab-mod li.cui-tab-current {
  color: #099fde;
}

.cui-tab-mod .cui-tab-scrollbar {
  position: absolute;
  left: 0;
  height: 4px;
  bottom: -1px;
  background-color: #099fde;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  -moz-transition: -moz-transform 300ms ease-in-out;
  -ms-transition: -ms-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  z-index: -1;
}

.cui-tabnum2 {
  width: 50%;
}

.cui-tabnum3 {
  width: 33.33333%;
}

.cui-tabnum4 {
  width: 25%;
}

.cui-tabnum5 {
  width: 20%;
}

.cui-tabnum6 {
  width: 16.66666%;
}

.cui-tab-mod li.cui-tab-current ~ .cui-tab-scrollbar {
  z-index: 2;
}

.cui-tab-mod li:nth-of-type(1).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cui-tab-mod li:nth-of-type(2).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.cui-tab-mod li:nth-of-type(3).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(200%, 0, 0);
  -moz-transform: translate3d(200%, 0, 0);
  -ms-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.cui-tab-mod li:nth-of-type(4).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(300%, 0, 0);
  -moz-transform: translate3d(300%, 0, 0);
  -ms-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.cui-tab-mod li:nth-of-type(5).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(400%, 0, 0);
  -moz-transform: translate3d(400%, 0, 0);
  -ms-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.cui-tab-mod li:nth-of-type(6).cui-tab-current ~ .cui-tab-scrollbar {
  -webkit-transform: translate3d(500%, 0, 0);
  -moz-transform: translate3d(500%, 0, 0);
  -ms-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0);
}

.cui-tab-mod li:last-of-type.cui-tab-current + .cui-tab-scrollbar.cui-tabnum2 {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.cui-tab-mod li:last-of-type.cui-tab-current + .cui-tab-scrollbar.cui-tabnum3 {
  -webkit-transform: translate3d(200%, 0, 0);
  -moz-transform: translate3d(200%, 0, 0);
  -ms-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.cui-tab-mod li:last-of-type.cui-tab-current + .cui-tab-scrollbar.cui-tabnum4 {
  -webkit-transform: translate3d(300%, 0, 0);
  -moz-transform: translate3d(300%, 0, 0);
  -ms-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.cui-tab-mod li:last-of-type.cui-tab-current + .cui-tab-scrollbar.cui-tabnum5 {
  -webkit-transform: translate3d(400%, 0, 0);
  -moz-transform: translate3d(400%, 0, 0);
  -ms-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.cui-tab-mod li:last-of-type.cui-tab-current + .cui-tab-scrollbar.cui-tabnum6 {
  -webkit-transform: translate3d(500%, 0, 0);
  -moz-transform: translate3d(500%, 0, 0);
  -ms-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0);
}

.cui-cond-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 43px;
  border-bottom: #bcbcbc 1px solid;
  background-color: #fafafa;
  color: #666;
  font-size: 15px;
  position: relative;
  display: table\9;
  width: 100%;
}

.cui-cond-bar li {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: table-cell\9;
}

.cui-cond-bar li {
  padding: 13px 0;
}

.cui-cond-bar i {
  margin-left: 3px;
  display: inline-block;
}

.cui-cond-bar .cond-bar-current {
  color: #099fde;
}

.cui-cond-bar .cond-bar-current .cui-fl-sort:before {
  border-color: transparent transparent #099fde;
}

.cui-cond-bar .cond-bar-current .cui-fl-sort:after {
  background: #099fde;
}

.cui-fl-sort:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #999;
  display: inline-block;
  vertical-align: top;
  margin: -3px 0 0 0;
}

.cui-fl-sort:after {
  content: '';
  width: 4px;
  height: 7px;
  display: inline-block;
  margin: 0 0 0 -8px;
  background: #999;
}

.cui-fl-filter:before {
  margin: 5px 0 0 0;
}

.cui-fl-filter:before,
.cui-fl-sort-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.cui-bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: #bcbcbc 1px solid;
  border-bottom: 0;
}

.f-layer-before:before,
.f-layer-after:after {
  content: '';
  display: block;
  margin: -6px auto;
  width: 10px;
  height: 10px;
  background: #f2f2f2;
}

.f-layer-before:before {
  border-left: #bcbcbc 1px solid;
  border-top: #bcbcbc 1px solid;
  -webkit-transform: rotate(45deg);
}

.f-layer-after:after {
  border-right: #bcbcbc 1px solid;
  border-bottom: #bcbcbc 1px solid;
  -webkit-transform: rotate(45deg);
}

.cui-f-layer {
  background: #f2f2f2;
  border: #bcbcbc 1px solid;
  border-width: 0 1px 1px;
  border-radius: 3px;
}

.cui-f-layer li {
  padding: 5px 10px;
  border-top: #bcbcbc 1px solid;
}

.cui-f-layer li i {
  float: right;
}

.cui-f-layer li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.cui-f-layer li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.cui-f-layer li.cui-fl-current {
  color: #fff;
  background: #099fde;
  position: relative;
  z-index: 2;
}

.cui-f-layer li i.cui-fl-sort-down {
  -webkit-transform: rotate(180deg);
}

.cui-f-layer li.cui-fl-current .cui-fl-sort:before {
  border-color: transparent transparent #fff;
}

.cui-f-layer li.cui-fl-current .cui-fl-sort:after {
  background: #fff;
}

.cui-paybar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44px;
  color: #fff;
  background: #ff9913;
}

.cui-paytit {
  margin: 0 5px 0 10px;
  line-height: 44px;
}

.cui-paybar .cui-payunit {
  display: inline-block;
  vertical-align: middle;
}

.cui-paybtn {
  float: right;
  padding: 0 20px;
  height: 44px;
  background: #ff7d13;
  color: #fff;
}

.cui-paybtn.cui-paybtn-only {
  width: 100%;
  background: transparent;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cui-paybtn.cui-paybtn-disable {
  background: #cdcdcd;
}

.cui-payprice {
  font-weight: 700;
}

.cui-payprice i {
  margin-left: 2px;
  font-size: 1.28em;
}

.cui-rate {
  position: relative;
  display: inline-block;
  height: 16px;
  margin: 0 10px;
  vertical-align: -3px;
}

.cui-rate i {
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 3px #fff;
  border: 2px solid #c8c8c8;
  border-radius: 50%;
  background: #c8c8c8;
  position: relative;
  display: inline-block;
  margin: 0 1px;
}

.cui-rate i:before {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  width: 5px;
  height: 2px;
  background: #c8c8c8;
}

.cui-rate-r2 {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
}

.cui-rate-r2 i {
  border-color: #099fde;
  background: #099fde;
}

.cui-rate-r2 i:before {
  background: #099fde;
}

.cui-keyboard {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #dcdcdf;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  -o-transition: all 0.3s linear 0s;
  opacity: 1;
  transition: all 0.3s linear 0s;
  opacity: 1;
}

.cui-keyboard .cui-hd {
  height: 44px;
  padding-right: 20px;
  background-color: #334250;
  color: #fff;
  font-size: 17px;
  overflow: hidden;
  line-height: 44px;
}

.cui-keyboard .cui-hd span {
  float: right;
  padding: 0 15px;
}

.cui-keyboard .cui-bd {
  padding: 6px 0 3px 0;
}

.cui-keyboard .cui-bd ul {
  overflow: hidden;
}

.cui-keyboard .cui-bd li {
  float: left;
  height: 49px;
  margin-bottom: 3px;
  margin-left: 2.03124%;
  width: 30.625%;
  background-color: #fff;
  line-height: 49px;
  color: #000;
  text-align: center;
  font-size: 27px;
  font-family: helvetica;
  font-weight: bold;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 1px #b0b0b2;
}

.cui-keyboard .cui-bd .cui-on-t {
  background-color: #c9cbd0;
  box-shadow: 0 1px 0 #b0b0b2;
}

.cui-keyboard .cui-letter-x {
  width: 18px;
  height: 47px;
  margin: 0 auto;
  background-position: -224px -152px;
  background-size: 242px auto;
}

.cui-keyboard .cui-btn-delete {
  width: 26px;
  height: 47px;
  margin: 0 auto;
  background-position: -190px -153px;
  background-size: 242px auto;
}

.cui-keyboard-hide {
  opacity: 0;
  bottom: -261px;
}

.popup-operate {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.popup-operate ul {
  margin: 10px;
  overflow: hidden;
  border-radius: 6px;
}

.popup-operate ul li {
  height: 44px;
  margin: 1px 0;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #157efb;
  background-color: #fff;
}

.cm-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 980;
}

.cm-overlay.active {
  display: block;
}

.cm-overlay.cm-overlay--transparent {
  background: rgba(0, 0, 0, 0);
}

.cm-pop .cm-pop-list li {
  border-bottom: 1px solid #dbdbdb;
  background-color: #fff;
  line-height: 33px;
  padding: 5px 10px;
  position: relative;
  display: block;
  cursor: pointer;
}

.cm-pop .cm-pop-list li:first-child {
  border-top: 1px solid #dbdbdb;
}

.cm-pop .cm-pop-list li:active,
.cm-pop .cm-pop-list li:hover {
  background-color: whitesmoke;
}

.cm-pop {
  position: absolute;
  z-index: 985;
  width: 100%;
}

.cm-pop .icon-pop-triangle {
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

.cm-pop .cm-pop-bd {
  background-color: #fff;
}

.cm-pop .cm-pop-list li:first-child {
  border-top: none;
}

.cm-pop .cm-pop-list li:last-child {
  border-bottom: none;
}

.cm-pop .cm-pop-list li.active,
.cm-pop .cm-pop-list li:active,
.cm-pop .cm-pop-list li:hover {
  background-color: #099fde;
  color: #fff;
}

.cm-pop .cm-pop-list--checked li {
  padding-right: 30px;
}

.cm-pop .cm-pop-list--checked li.active {
  background-color: #fff;
  color: #099fde;
}

.cm-pop .cm-pop-list--checked li.active::after {
  content: '';
  width: 14px;
  height: 6px;
  border-bottom: 2px solid #099fde;
  border-left: 2px solid #099fde;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.cm-pop--triangle-up .icon-pop-triangle {
  top: -5px;
}

.cm-pop--border {
  border: 1px solid #dbdbdb;
}

.cm-pop--border .icon-pop-triangle {
  border: 1px solid #dbdbdb;
  border-color: #fff #dbdbdb #dbdbdb #fff;
}

.cm-pop--border.cm-pop--triangle-up .icon-pop-triangle {
  border-color: #dbdbdb #fff #fff #dbdbdb;
}

.cm-pop--border.cm-pop--radius {
  border-radius: 6px;
}

.cm-pop--radius .cm-pop-bd {
  border-radius: 4px;
  overflow: hidden;
}

.cm-pop--user-nav {
  top: 55px;
  right: 0;
  color: #fff;
  width: 128px;
}

.icon-phone,
.icon-tel,
.icon-home,
.icon-loved,
.icon-love,
.icon-comment,
.icon-compass,
.icon-file,
.icon-share,
.icon-email,
.icon-sale,
.icon-service,
.icon-loading,
.icon-loading .icon-loading-circle {
  background-image: url(//pic.c-ctrip.com/h5/common/bg-global.png);
  background-repeat: no-repeat;
  -webkit-background-size: 240px auto;
  background-size: 240px auto;
  vertical-align: middle;
  display: inline-block;
}

.icon-phone,
.icon-tel {
  width: 20px;
  height: 20px;
  background-position: -23px -50px;
}

.icon-home {
  width: 20px;
  height: 20px;
  background-position: 0 -52px;
}

.icon-loved {
  width: 20px;
  height: 20px;
  background-position: -47px -50px;
}

.icon-love {
  width: 20px;
  height: 20px;
  background-position: -71px -50px;
}

.icon-comment {
  width: 20px;
  height: 20px;
  background-position: -97px -50px;
}

.icon-compass {
  width: 20px;
  height: 20px;
  background-position: -123px -50px;
}

.icon-file {
  width: 20px;
  height: 20px;
  background-position: -147px -50px;
}

.icon-share {
  width: 20px;
  height: 20px;
  background-position: -172px -50px;
}

.icon-email {
  width: 20px;
  height: 20px;
  background-position: -198px -51px;
}

.icon-sale {
  width: 20px;
  height: 20px;
  background-position: -221px -51px;
}

.icon-service {
  width: 20px;
  height: 20px;
  background-position: -50px -124px;
}

.cm-pop--user-nav .icon-pop-triangle {
  background-color: #283847;
  left: auto;
  right: 10px;
}

.cm-pop--user-nav .cm-pop-list li {
  background-color: #283847;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cm-pop--user-nav .cm-pop-list li i[class^='icon-'] {
  margin-right: 10px;
}

.cm-pop--user-nav .cm-pop-list li:active,
.cm-pop--user-nav .cm-pop-list li:hover {
  background-color: #161e26;
}

.cm-fade-in,
.cm-fade-out,
.cm-down-in,
.cm-down-out,
.cm-up-in,
.cm-up-out,
.cm-center-fade-in,
.cm-center-fade-out,
.cm-center-up-in,
.cm-center-up-out {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cm-fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.cm-fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.185);
    transform: scale(1.185);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.185);
    transform: scale(1.185);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.815);
    transform: scale(0.815);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.815);
    transform: scale(0.815);
  }
}

.cm-down-in {
  -webkit-animation-name: downIn;
  animation-name: downIn;
}

.cm-down-out {
  -webkit-animation-name: downOut;
  animation-name: downOut;
}

@-webkit-keyframes downIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes downIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes downOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes downOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.cm-up-in {
  -webkit-animation-name: upIn;
  animation-name: upIn;
}

.cm-up-out {
  -webkit-animation-name: upOut;
  animation-name: upOut;
}

@-webkit-keyframes upIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes upIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes upOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes upOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.cm-overlay-out {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-name: overlayOut;
  animation-name: overlayOut;
}

@-webkit-keyframes overlayOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes overlayOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.cm-center-fade-in {
  -webkit-animation-name: centerFadeIn;
  animation-name: centerFadeIn;
}

.cm-center-fade-out {
  -webkit-animation-name: centerFadeOut;
  animation-name: centerFadeOut;
}

@-webkit-keyframes centerFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
    transform: translate3d(-50%, -50%, 0) scale(1.185);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@keyframes centerFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
    transform: translate3d(-50%, -50%, 0) scale(1.185);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@-webkit-keyframes centerFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.815);
    transform: translate3d(-50%, -50%, 0) scale(0.815);
  }
}

@keyframes centerFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.815);
    transform: translate3d(-50%, -50%, 0) scale(0.815);
  }
}

.cm-center-up-in {
  -webkit-animation-name: centerUpIn;
  animation-name: centerUpIn;
}

.cm-center-up-out {
  -webkit-animation-name: centerUpOut;
  animation-name: centerUpOut;
}

@-webkit-keyframes centerUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}

@keyframes centerUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}

@-webkit-keyframes centerUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }
}

@keyframes centerUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
  }
}

.icon-list {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
}

.old-header .icon-list {
  left: auto;
  right: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.icon-list::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
  box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

.icon-back {
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.icon-back::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.icon-search {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.icon-search::after {
  content: '';
  background: #fff;
  height: 7px;
  width: 2px;
  position: absolute;
  left: 11px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cm-header,
.cm-footer,
.cm-header-sub {
  position: fixed;
  left: 0;
  right: 0;
}

.cm-header {
  top: 0;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #099fde;
  color: #fff;
  z-index: 960;
}

.cm-header-hybrid-wrap {
  height: 64px;
}

.cm-header-hybrid-wrap .cm-header {
  padding-top: 20px;
  height: 64px;
}

.cm-header-sub {
  top: 44px;
  z-index: 960;
}

.cm-footer {
  bottom: 0;
  height: 48px;
  z-index: 940;
}

.cm-page {
  padding-top: 44px;
  background: #efefef;
}

.cm-page.has-header {
  padding-top: 0;
}

.cm-content.no-header-sub {
  padding-top: 44px;
}

.no-footer {
  padding-bottom: 48px;
}

.cm-page--active {
  position: absolute;
  left: 0;
  top: 0;
}

.cm-page--right-in {
  -webkit-animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cm-page--left-out {
  -webkit-animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cm-page--left-in {
  -webkit-animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cm-page--right-out {
  -webkit-animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pageRightIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pageRightIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes pageLeftOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes pageLeftOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes pageLeftIn {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pageLeftIn {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes pageRightOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes pageRightOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.cm-header h1 {
  font-weight: normal;
  font-family: inherit;
}

.cm-header .cm-page-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cm-header .cm-page-title,
.cm-header .cm-page-mutil-title,
.cm-header .cm-page-select-title {
  position: absolute;
  left: 88px;
  right: 88px;
}

.cm-header .cm-page-title {
  line-height: 44px;
  font-size: 18px;
}

.cm-header .cm-page-title .cm-title-l {
  line-height: 28px;
  display: block;
}

.cm-header .cm-page-title .cm-title-s {
  line-height: 1;
  font-size: 12px;
  display: block;
}

.cm-header .cm-page-mutil-title {
  font-size: 14px;
  line-height: 19px;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  height: 44px;
}

.cm-header .cm-page-tabs-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: inline-block;
  background-color: #066f9b;
  border-radius: 4px;
  padding: 1px;
  line-height: 29px;
  margin: 5px 0 0 0;
}

.cm-header .cm-page-tabs-title span {
  float: left;
  font-size: 15px;
  min-width: 60px;
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
}

.cm-header .cm-page-tabs-title span.active {
  background-color: #099fde;
  color: #fff;
}

.cm-header .cm-page-tabs-title span:first-child {
  border-radius: 4px 0 0 4px;
}

.cm-header .cm-page-tabs-title span:last-child {
  border-radius: 0 4px 4px 0;
}

.cm-header .cm-page-select-title {
  line-height: 44px;
}

.cm-header .cm-page-select-title::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cm-header .cm-page-select-title.expanded::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 1px;
}

.cm-header .cm-header-icon,
.cm-header .cm-header-btn {
  cursor: pointer;
}

.cm-header .cm-header-icon:active,
.cm-header .cm-header-btn:active {
  background-color: #077cad;
}

.cm-header .cm-header-icon {
  width: 44px;
  height: 44px;
  display: inline-block;
  text-align: center;
}

.cm-header .cm-header-btn {
  padding: 0 10px;
}

.cm-header--light {
  background: #fff;
  color: #099fde;
}

.cm-header--light .icon-back {
  background: none;
}

.cm-header--light .icon-back::before {
  border-color: #099fde;
}

.cm-header--light .cm-page-tabs-title {
  color: #fff;
}

.cm-header--light .cm-header-icon:active,
.cm-header--light .cm-header-btn:active {
  background-color: transparent;
}

.cm-header--light .cm-page-tabs-title span {
  color: #099fde;
  background-color: #fff;
}

.cm-header--light .cm-page-select-title::after {
  border-color: #099fde;
}

.cm-header--light .icon-email {
  background-position: -24px -124px;
}

.cm-header--light .icon-home {
  background-position: 0 -124px;
}

.icon-switch {
  height: 28px;
  width: 46px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #cccccc;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.icon-switch::before {
  content: '';
  height: 28px;
  width: 46px;
  position: absolute;
  left: -46px;
  background-color: #099fde;
  border-radius: 14px;
  -webkit-transition: left 0.2s ease 0s;
  transition: left 0.2s ease 0s;
  z-index: 2;
}

.icon-switch::after {
  content: '';
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  -webkit-transition: left 0.2s ease 0s;
  transition: left 0.2s ease 0s;
  z-index: 3;
}

.icon-switch.active::before {
  left: 0;
}

.icon-switch.active::after {
  left: 20px;
}

.cm-num-adjust {
  height: 33px;
  color: #099fde;
  background-color: #fff;
  display: inline-block;
  border-radius: 4px;
}

.cm-num-adjust .cm-adjust-minus,
.cm-num-adjust .cm-adjust-plus,
.cm-num-adjust .cm-adjust-view {
  width: 33px;
  height: 33px;
  line-height: 31px;
  text-align: center;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cm-num-adjust .cm-adjust-minus,
.cm-num-adjust .cm-adjust-plus {
  cursor: pointer;
  border: 1px solid #099fde;
}

.cm-num-adjust .cm-adjust-minus.disabled,
.cm-num-adjust .cm-adjust-plus.disabled {
  cursor: default !important;
  background-color: #fff !important;
  border-color: #999 !important;
}

.cm-num-adjust .cm-adjust-minus.disabled::before,
.cm-num-adjust .cm-adjust-minus.disabled::after,
.cm-num-adjust .cm-adjust-plus.disabled::before,
.cm-num-adjust .cm-adjust-plus.disabled::after {
  background-color: #999 !important;
}

.cm-num-adjust .cm-adjust-minus:active,
.cm-num-adjust .cm-adjust-plus:active {
  background-color: #099fde;
}

.cm-num-adjust .cm-adjust-minus:active::before,
.cm-num-adjust .cm-adjust-minus:active::after,
.cm-num-adjust .cm-adjust-plus:active::before,
.cm-num-adjust .cm-adjust-plus:active::after {
  background-color: #fff;
}

.cm-num-adjust .cm-adjust-minus {
  border-right: none;
  border-radius: 4px 0 0 4px;
  position: relative;
}

.cm-num-adjust .cm-adjust-minus::before {
  content: '';
  height: 2px;
  width: 16px;
  background-color: #099fde;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.cm-num-adjust .cm-adjust-minus + .cm-adjust-plus {
  border-left: 1px solid #099fde;
}

.cm-num-adjust .cm-adjust-plus {
  border-left: none;
  border-radius: 0 4px 4px 0;
  position: relative;
}

.cm-num-adjust .cm-adjust-plus::before,
.cm-num-adjust .cm-adjust-plus::after {
  content: '';
  width: 16px;
  height: 2px;
  background-color: #099fde;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.cm-num-adjust .cm-adjust-plus::after {
  width: 2px;
  height: 16px;
}

.cm-num-adjust .cm-adjust-view {
  border: 1px solid #099fde;
  overflow: hidden;
}

.cm-num-adjust input.cm-adjust-view {
  background-color: #fff;
  border-radius: 0;
  line-height: normal;
  padding-top: 5px;
  width: 37px;
  -webkit-appearance: none;
}

.cm-num-adjust input.cm-adjust-view:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cm-tabs-nav .cm-tabs-title-list {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.cm-tabs-nav .cm-tabs-title-list li {
  display: table-cell;
}

.cm-tabs-nav {
  position: relative;
  border-bottom: 1px solid #dbdbdb;
  line-height: 44px;
}

.cm-tabs-nav .cm-tabs-title-list li {
  text-align: center;
}

.cm-tabs-nav .cm-tabs-title-list li.active {
  color: #099fde;
}

.cm-tabs-nav .icon-active {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 50%;
  height: 4px;
  background-color: #099fde;
  -webkit-transform: left 0.3s ease-in-out;
  transform: left 0.3s ease-in-out;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cm-actions {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.cm-actions .cm-actions-btn {
  display: table-cell;
}

.cm-actions .cm-actions-btn {
  color: #099fde;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.cm-actions .cm-actions-btn:first-child {
  border-left: none;
}

.cm-actions .cm-actions-btn:active {
  background: #e6e6e6;
}

.cm-actions--full {
  display: block;
}

.cm-actions--full .cm-actions-btn {
  display: block;
  width: 100%;
  border-left: none;
}

.cm-modal .cm-modal-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cm-modal {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  width: 300px;
  padding-top: 44px;
  z-index: 985;
}

.cm-modal .cm-modal-hd {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 44px;
  line-height: 44px;
  background-color: #099fde;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.cm-modal .cm-modal-title {
  line-height: 44px;
  padding-left: 10px;
  padding-right: 44px;
  font-weight: bold;
  font-size: 16px;
}

.cm-modal .cm-modal-hd--center {
  text-align: center;
}

.cm-modal .cm-modal-hd--center .cm-modal-title {
  padding-right: 10px;
}

.cm-modal .cm-modal-hd--tint {
  background-color: #fff;
  color: #333;
}

.cm-modal .cm-modal-hd--tint .icon-close {
  background-color: rgba(0, 0, 0, 0.7);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: 7px;
  right: 5px;
  line-height: 30px;
}

.cm-modal .cm-modal-bd {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.cm-modal--no-header {
  padding-top: 0;
}

.cm-modal--ft {
  padding-bottom: 44px;
}

.cm-modal--ft .cm-modal-ft {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #ccc;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}

.cm-modal--ft .cm-modal-ft.cm-actions {
  border-top: none;
}

.cm-modal--alert {
  border: 1px solid #dbdbdb;
  width: 280px;
  padding-top: 0;
}

.cm-modal--alert .cm-modal-bd {
  padding: 20px 10px;
  text-align: center;
}

.cm-modal--alert .cm-modal-bd .cm-alert-title {
  font-weight: bold;
  font-size: 16px;
}

.cm-modal--alert .cm-modal-bd .cm-mutil-lines {
  text-align: left;
}

.cm-radio-list li {
  padding-right: 30px;
}

.cm-radio-list .active {
  color: #099fde;
}

.cm-radio-list .active::after {
  content: '';
  width: 14px;
  height: 6px;
  border-bottom: 2px solid #099fde;
  border-left: 2px solid #099fde;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.cm-modal .cm-radio-list li:first-child,
.cm-modal .cm-checkbox-list li:first-child {
  border-top: none;
}

.cm-modal .cm-radio-list li:last-child,
.cm-modal .cm-checkbox-list li:last-child {
  border-bottom: none;
}

.cm-modal--action {
  background: none;
  padding-top: 0;
  -webkit-transform: none;
  transform: none;
  margin-left: -150px;
  top: auto;
  bottom: 0;
}

.cm-modal--action .cm-actions {
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-top: none;
}

.cm-slide .cm-slide-list:before,
.cm-slide .cm-slide-list:after {
  content: '';
  display: table;
}

.cm-slide .cm-slide-list:after {
  clear: both;
}

.cm-slide {
  overflow: hidden;
  position: relative;
  height: 210px;
}

.cm-slide .cm-slide-view {
  width: 100%;
}

.cm-slide .cm-slide-list {
  width: 4000px;
  position: absolute;
}

.cm-slide .cm-slide-list .cm-slide-item {
  float: left;
}

.cm-slide--full-img img {
  width: 100%;
}

.cm-slide.cm-slide--vertical .cm-slide-list {
  width: 100%;
}

.cm-slide.cm-slide--vertical .cm-slide-list .cm-slide-item {
  float: none;
}

.cm-slide .cm-slide-bullet {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}

.cm-slide .cm-slide-bullet .cm-bullet-item {
  font-style: normal;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin: 2px;
}

.cm-slide .cm-slide-bullet .cm-bullet-item.active {
  background-color: rgba(255, 255, 255, 0.8);
}

.cm-scroll-select .cm-select-list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cm-scroll-select-wrap,
.cm-scroll-select {
  overflow: hidden;
  height: 180px;
  position: relative;
}

.cm-scroll-select {
  background-color: #fff;
  font-size: 16px;
}

.cm-scroll-select .cm-select-list {
  text-align: center;
  line-height: 36px;
  color: #ccc;
}

.cm-scroll-select .cm-select-list li.active {
  color: #333;
}

.cm-scroll-select::before,
.cm-scroll-select::after {
  content: '';
  height: 1px;
  background-color: #099fde;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -18px;
}

.cm-scroll-select::after {
  margin-top: 18px;
}

.cm-select-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, white),
    color-stop(45%, rgba(255, 255, 255, 0)),
    color-stop(55%, rgba(255, 255, 255, 0)),
    color-stop(60%, rgba(255, 255, 255, 0)),
    color-stop(100%, white)
  );
  background: -webkit-linear-gradient(
    top,
    white 0%,
    rgba(255, 255, 255, 0) 45%,
    rgba(255, 255, 255, 0) 55%,
    rgba(255, 255, 255, 0) 60%,
    white 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(45%, rgba(255, 255, 255, 0)),
    color-stop(55%, rgba(255, 255, 255, 0)),
    color-stop(60%, rgba(255, 255, 255, 0)),
    to(white)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    rgba(255, 255, 255, 0) 45%,
    rgba(255, 255, 255, 0) 55%,
    rgba(255, 255, 255, 0) 60%,
    white 100%
  );
}

.cm-scroll-select-group {
  position: relative;
}

.cm-scroll-select-group .cm-scroll-select {
  float: left;
  width: 50%;
}

.cm-scroll-select-group--birthday h3 {
  border-bottom: 1px solid #dbdbdb;
  line-height: 44px;
  text-align: center;
}

.cm-scroll-select-group--birthday .cm-scroll-select {
  width: 30%;
  border-right: 1px solid #dbdbdb;
  margin: 5px 0;
  position: relative;
}

.cm-scroll-select-group--birthday .cm-scroll-select:nth-of-type(1) {
  width: 40%;
}

.cm-scroll-select-group--birthday .cm-scroll-select:nth-last-of-type(1) {
  border-right: none;
}

.cm-scroll-select-group--birthday .cm-scroll-select::before,
.cm-scroll-select-group--birthday .cm-scroll-select::after {
  left: 3px;
  right: 3px;
}

.icon-del {
  width: 16px;
  height: 16px;
  display: inline-block;
  line-height: 1;
  border: 1px solid #333;
  border-left: none;
  position: relative;
  border-radius: 0 4px 4px 0;
  margin-left: 6px;
}

.icon-del::before {
  content: '';
  width: 12px;
  height: 12px;
  border: 1px solid #333;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  left: -6px;
  top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.icon-del .icon-close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
}

.icon-del .icon-close::before,
.icon-del .icon-close::after {
  background-color: #333;
  width: 1px;
  height: 10px;
  content: '';
  top: 1px;
  left: -1px;
  position: absolute;
}

.icon-del .icon-close::before {
  -webkit-transform: rotate(45deg);
}

.icon-del .icon-close::after {
  -webkit-transform: rotate(-45deg);
}

.cm-keyboard-list:before,
.cm-keyboard-list:after {
  content: '';
  display: table;
}

.cm-keyboard-list:after {
  clear: both;
}

.cm-pop--num-keyboard {
  bottom: 0;
}

.cm-pop--num-keyboard .cm-keyboard-bar {
  background-color: #e2e2e2;
  text-align: right;
  padding-right: 10px;
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #dbdbdb;
}

.cm-pop--num-keyboard .cm-keyboard-bar .btn-secondary {
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
}

.cm-keyboard-list {
  font-size: 16px;
}

.cm-keyboard-list li {
  float: left;
  text-align: center;
  width: 33%;
  line-height: 54px;
  border: 1px solid #dbdbdb;
  border-width: 1px 1px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cm-keyboard-list li:active {
  background-color: #efefef;
}

.cm-keyboard-list li:nth-of-type(3n + 3) {
  width: 34%;
  border-right: none;
}

.cm-keyboard-list li:last-of-type,
.cm-keyboard-list li:nth-last-of-type(3) {
  background-color: #e2e2e2;
}

.cm-keyboard-list .icon-del {
  top: 2px;
}

.cm-day-list:before,
.cm-calendar .cm-calendar-hd:before,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:before,
.cm-day-list:after,
.cm-calendar .cm-calendar-hd:after,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:after {
  content: '';
  display: table;
}

.cm-day-list:after,
.cm-calendar .cm-calendar-hd:after,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:after {
  clear: both;
}

.cm-day-list li,
.cm-calendar .cm-calendar-hd li {
  float: left;
  width: 14.2%;
  text-align: center;
  box-sizing: border-box;
}

.cm-day-list li:nth-of-type(7n),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n),
.cm-day-list li:nth-of-type(7n + 1),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n + 1) {
  width: 14.5%;
  color: #666;
}

.cm-day-list {
  border-bottom: 1px solid #dbdbdb;
}

.cm-day-list:last-of-type {
  border-bottom: none;
}

.cm-day-list li {
  position: relative;
  height: 54px;
}

.cm-day-list li.active {
  background-color: #099fde;
}

.cm-day-list li.active .cm-field-title,
.cm-day-list li.active .cm-field-price,
.cm-day-list li.active .cm-field-label {
  color: #fff;
}

.cm-day-list li.cm-item--disabled .cm-field-title,
.cm-day-list li.cm-item--disabled .cm-field-price,
.cm-day-list li.cm-item--disabled .cm-field-label {
  color: #ccc;
}

.cm-day-list .cm-field-title {
  line-height: 20px;
  font-size: 16px;
  padding-top: 8px;
}

.cm-day-list .cm-field-title--festival {
  font-size: 14px;
}

.cm-day-list .cm-field-price {
  font-size: 12px;
  color: #999;
}

.cm-day-list .cm-field-price--sale {
  color: #ff9a14;
}

.cm-day-list .cm-field-label {
  font-size: 12px;
}

.cm-day-list .cm-item--multi {
  background-color: rgba(9, 159, 222, 0.1);
}

.cm-day-list .icon-calendar-holiday,
.cm-day-list .icon-calendar-work {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #333;
  line-height: 14px;
  height: 16px;
  width: 16px;
  background: #fff;
  text-align: center;
  font-size: 12px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  box-sizing: border-box;
}

.cm-day-list .icon-calendar-holiday {
  color: #52bce8;
  border-color: #52bce8;
}

.cm-day-list--special li {
  height: 74px;
}

.cm-calendar {
  padding-top: 70px;
}

.cm-calendar .cm-calendar-hd {
  border-bottom: 1px solid #dbdbdb;
  background-color: #f5f5f5;
  position: fixed;
  left: 0;
  right: 0;
  top: 44px;
  height: 30px;
  z-index: 960;
}

.cm-calendar .cm-calendar-hd li {
  color: #666;
  line-height: 30px;
}

.cm-calendar .cm-calendar-bd {
  background-color: #fff;
  padding-bottom: 44px;
}

.cm-calendar .cm-month {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}

.cm-calendar .cm-calendar-ft {
  border-top: 1px solid #dbdbdb;
  background-color: #efefef;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 0;
  overflow-x: auto;
}

.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav {
  white-space: nowrap;
}

.cm-calendar .cm-calendar-ft li {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  text-align: center;
  background-color: #ccc;
  margin: 0 5px;
}

.cm-calendar .cm-calendar-ft li.active {
  background-color: #099fde;
  color: #fff;
}

.cm-calendar .cm-calendar-hd li:nth-of-type(7n),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n + 1) {
  color: #52bce8;
}

.cm-calendar-tips {
  width: 14.2%;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background-color: #099fde;
  position: absolute;
}

.cm-calendar-tips::after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -6px;
  border-top: 6px solid #099fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.cm-calendar-tips .cm-tips-day {
  padding-bottom: 5px;
}

.cm-calendar-tips .cm-tips-day .cm-tips-day-title {
  line-height: 28px;
  font-size: 16px;
}

.cm-calendar-tips .cm-tips-day .cm-tips-day-label,
.cm-calendar-tips .cm-tips-day .cm-tips-day-price {
  font-size: 12px;
}

.cm-calendar .cm-calendar-hd {
  top: 84px;
}

.cm-calendar_tips {
  position: fixed;
  top: 44px;
  width: 100%;
  height: 40px;
  overflow: hidden;
  padding: 5px 10px 0;
  font-size: 12px;
  line-height: 1.4;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fbf5de;
  color: #666;
  z-index: 961;
  box-sizing: border-box;
}

.cm-calendar_tips span {
  display: inline-block;
  vertical-align: middle;
}

.cm-calendar_tips:before {
  display: inline-block;
  width: 1px;
  height: 30px;
  overflow: hidden;
  vertical-align: middle;
  content: '';
  margin-left: -1px;
}

.cp-h5-main .loading-box .i-loading,
.cp-h5-main .loading-animate,
.cp-h5-main .loading-animate .eye,
.cp-h5-main .loading-animate .eye2,
.cp-h5-main .loading-animate .tail,
.cp-h5-main .loading-animate .l-hand,
.cp-h5-main .loading-animate .r-hand,
.cp-h5-main .loading-animate .text,
.cp-h5-main .loading-animate .sweat,
.cp-h5-main .loading-animate .bubble {
  background-image: url('%3D%3D');
  background-size: 180px auto;
  background-repeat: no-repeat;
}

.cp-h5-main .loading-box {
  padding-top: 75px;
  text-align: center;
}

.cp-h5-main .loading-box p {
  font-size: 15px;
  color: #666;
}

.cp-h5-main .loading-box .i-loading {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-position: -160px -67px;
  -webkit-animation: loading 1s linear 0s infinite;
  animation: loading 1s linear 0s infinite;
}

.cp-h5-main .loading-animate {
  position: relative;
  top: 0;
  margin: 0 auto 40px;
  width: 66px;
  height: 83px;
  background-position: 0 0;
  -webkit-animation: bodyMove2 1.7s linear 0s infinite;
  animation: bodyMove2 1.7s linear 0s infinite;
}

.cp-h5-main .loading-animate .eye {
  position: absolute;
  width: 35px;
  height: 13px;
  left: 23px;
  top: 14px;
  background-position: -85px -95px;
  -webkit-animation: blink1 1s linear 0s infinite;
  animation: blink1 1s linear 0s infinite;
}

.cp-h5-main .loading-animate .eye2 {
  position: absolute;
  width: 33px;
  height: 14px;
  left: 23px;
  top: 14px;
  background-position: -130px -95px;
  -webkit-animation: blink2 1s linear 0s infinite;
  animation: blink2 1s linear 0s infinite;
}

.cp-h5-main .loading-animate .tail {
  position: absolute;
  width: 25px;
  height: 19px;
  left: 23px;
  top: 76px;
  background-position: 0px -95px;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-animation: tailMove2 1.7s linear 0s infinite;
  animation: tailMove2 1.7s linear 0s infinite;
}

.cp-h5-main .loading-animate .l-hand {
  position: absolute;
  width: 11px;
  height: 20px;
  left: 11px;
  top: 44px;
  background-position: -33px -95px;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-animation: lHandMove2 0.8s linear 0s infinite;
  animation: lHandMove2 0.8s linear 0s infinite;
}

.cp-h5-main .loading-animate .r-hand {
  position: absolute;
  width: 15px;
  height: 16px;
  left: 60px;
  top: 41px;
  background-position: -59px -95px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: rHandMove2 0.8s linear 0s infinite;
  animation: rHandMove2 0.8s linear 0s infinite;
  z-index: -1;
}

.cp-h5-main .loading-animate .text {
  position: absolute;
  width: 29px;
  height: 22px;
  left: 60px;
  top: -16px;
  background-position: -119px -65px;
}

.cp-h5-main .loading-animate .sweat {
  position: absolute;
  width: 19px;
  height: 21px;
  left: 53px;
  top: -4px;
  background-position: -83px -65px;
  -webkit-animation: blink2 1s linear 0s infinite;
  animation: blink2 1s linear 0s infinite;
}

.cp-h5-main .loading-animate .bubble {
  position: absolute;
  width: 107px;
  height: 60px;
  left: -15px;
  top: 24px;
  background-position: -73px 0;
  -webkit-animation: bubbleMove2 1.7s linear 0s infinite;
  animation: bubbleMove2 1.7s linear 0s infinite;
}

.cp-h5-main .small-loading .loading-box {
  padding-top: 30px;
}

.cp-h5-main .small-loading .loading-animate {
  margin-bottom: 20px;
}

@-webkit-keyframes bodyMove2 {
  0% {
    top: 0;
  }

  25% {
    top: -6px;
  }

  50% {
    top: 0;
  }

  75% {
    top: -6px;
  }

  100% {
    top: 0;
  }
}

@keyframes bodyMove2 {
  0% {
    top: 0;
  }

  25% {
    top: -6px;
  }

  50% {
    top: 0;
  }

  75% {
    top: -6px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes bubbleMove2 {
  0% {
    top: 24px;
  }

  25% {
    top: 43px;
  }

  50% {
    top: 24px;
  }

  75% {
    top: 43px;
  }

  100% {
    top: 24px;
  }
}

@keyframes bubbleMove2 {
  0% {
    top: 24px;
  }

  25% {
    top: 43px;
  }

  50% {
    top: 24px;
  }

  75% {
    top: 43px;
  }

  100% {
    top: 24px;
  }
}

@-webkit-keyframes tailMove2 {
  0% {
    -webkit-transform: rotate(0);
  }

  25% {
    -webkit-transform: rotate(15deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0);
  }
}

@keyframes tailMove2 {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes rHandMove2 {
  0% {
    -webkit-transform: rotate(0);
  }

  25% {
    -webkit-transform: rotate(-60deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-60deg);
  }

  100% {
    -webkit-transform: rotate(0);
  }
}

@keyframes rHandMove2 {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-60deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-60deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes lHandMove2 {
  0% {
    -webkit-transform: rotate(0);
  }

  25% {
    -webkit-transform: rotate(60deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(60deg);
  }

  100% {
    -webkit-transform: rotate(0);
  }
}

@keyframes lHandMove2 {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(60deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(60deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes blink1 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes blink1 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes blink2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}
.plugin_city {
  width: 100% !important;
  left: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.plugin_city .cui-hd {
  z-index: 2;
  width: 55%;
  margin: 0 auto;
  padding: 0;
  background: none;
  overflow: hidden;
}
.plugin_city .cui-hd .cui-text-center {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.plugin_city .cui-bd {
  background-color: #efefef;
}
.plugin_city .cui-pop-box {
  width: 100%;
  box-sizing: border-box;
}
.plugin_city .cui-lines {
  background-color: #fff;
}
.plugin_city .cui-flex2 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.plugin_city .cui-roller-tips {
  display: none;
}
.plugin_city .cui-roller-btns {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.2em;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none;
  border-radius: 3px 3px 0 0;
  background: #334250;
}
.plugin_city .cui-roller-btns .cui-btns-cancel,
.plugin_city .cui-roller-btns .cui-btns-sure,
.plugin_city .cui-roller-btns .cui-btns-ok {
  position: relative;
  width: 22%;
  color: #fff;
  margin: 0;
  padding: 0;
  background: none;
  box-sizing: border-box;
}
.plugin_city .cui-roller-btns .cui-btns-cancel {
  float: left;
}
.plugin_city .cui-roller-btns .cui-btns-sure,
.plugin_city .cui-roller-btns .cui-btns-ok {
  float: right;
  border-left: 0 none;
}
.plugin_city .cui-roller-btns .cui-btns-cancel::after {
  position: absolute;
  top: 10px;
  right: 0;
  width: 0;
  height: 20px;
  content: '';
  border-left: 1px solid #303b4a;
  border-right: 1px solid #3b4957;
}
.plugin_city .cui-roller-btns .cui-btns-sure::before,
.plugin_city .cui-roller-btns .cui-btns-ok:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 0;
  height: 20px;
  content: '';
  border-right: 1px solid #303b4a;
  border-left: 1px solid #3b4957;
}
